<style>
#key-select .panel-heading, #snap-conf .panel-heading{ height : 55px}
#key-select .panel-body{min-height: 500px;overflow-x:hidden;}

#key-select .panel{ border-left : none;border-bottom:none;}

#key-select li{margin:0;}
#key-select a{margin:0;border-radius:0!important;padding:4.5px 10px!important;}

#keyword-list li {
    margin: 0;
    border-bottom: 1px solid #fafafa;
}

#snap-conf{
	height: 556px;
	border-left: none!important;
}
#snap-conf .panel-body{min-height: 435px;overflow-x:hidden;}

.panel,.panel-heading{border-radius:0!important;margin:0;}

.keyword-item a.close{
	position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    line-height: 20px;
    font-size: 17px;
    font-weight: normal;
} 

.nav-tabs > li { margin:0!important;}
.nav-tabs > li > a {
	padding: 18px 5px;
    border-radius: 0;
    margin: 0;
    border-right: 1px solid #eee;
}

#conf-panel{
	position:fixed;
	z-index:9999;
	top:10px;
	right:15px;
}

#conf-panel #time-cron-input {
    width: 100px;
    border-radius: 0;
    margin-right: 10px;
}

#crud-tool{display:none;}

</style>



<div class="col-xs-12 nopadding">
	<div id="key-select" class="col-xs-6 nopadding">
		<div class="panel panel-default col-xs-5 nopadding ">
			<div class="panel-heading text-uppercase"><p class="h4">Danh mục</p></div>
			<ul id="list-cate" class="panel-body greate-scroller nav nav-tabs nav-pills nopadding">			
				<?php foreach(main_cate() as $cate){ ?>
					<li class="col-xs-12 nopadding">
						<a href="<?=$cate->cid?>" class="limit-line one-line " data-toggle="tab" aria-expanded="false">
							<i class="fa icon-xs <?=$cate->cid?>-xs"></i> <?=$cate->name?>
						</a>
					</li>
				<?php  } ?>
			</ul>
		</div>
		
		<div class="panel panel-default col-xs-7 nopadding ">
			<div class="panel-heading text-uppercase">
				<input type="text" class="form-control" placeholder="Thêm từ khóa">
			</div>
			<ul id="keyword-list" class="panel-body greate-scroller nav nav-tabs nav-pills nopadding">			
			
			</ul>
		</div>
		
		<div id="conf-panel" class="form-inline">
			<div class="form-group">
				<label><i class="fa fa-cogs"></i> CRON TIME </label>
				<input id="time-cron-input" type="text" class="form-control" placeholder="Thời gian cập nhật">
			</div>
			
			<div class="select-btn btn-group pull-right" role="group">
				<button type="button" value="1" class="btn active">START</button>
				<button type="button" value="0" class="btn ">STOP</button>
			</div>
		</div>
		
		
	</div>
	<div id="snap-conf" class=" col-xs-6 panel panel-default nopadding"> </div>
</div>