#btn-del{
	width: 80px;
	height:25px;
	margin-right:20px;
}

#btn-edit{
	width: 80px;
	height:25px;
	margin-right:10px;
}

#btn-creat{
	margin-top:10px;
	width: 100px;
	height:40px;
	line-height:40px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#list_content{
	width:100%;
	min-width:500px;
	height:700px;
	overflow-y: scroll;
	border: 1px solid #eee;	
}
#list_content .pkt-item{
	width: 100%;
	float: left;
}
#list_content .pkt-item .pkt-l{
	width:100%;
	min-width:1200px;
	padding-top: .75em;
	padding-bottom: .75em;
	float: left;
	border-bottom: 1px solid #f0f0f0;
}

#list_content .pkt-item .pkt-l > div{
	display: block;
	float: left;
	padding: 4px 8px;
	white-space: nowrap;
	min-width: 60px;
	text-align: center;
}
#list_content .pkt-item .pkt-d{
	float: left;
	width: 100%;
	display: none;
	padding: 4px 16px;
	background: #f9f9f9;

}
#list_content .pkt-item .pkt-d > pre{
	border: 0;
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
	background: transparent;
}
#data_header{
	width: 100%;
	display: block;
	float: left;
}
#data_header>div{
	font-size: 14px;
	font-weight: bold;
	display: block;
	float: left;
	white-space: nowrap;
	padding: 4px 8px;
	text-align: center;
	min-width: 60px;
}
#data_header .id,
#list_content .pkt-item .pkt-l .id{
	width:200px;
}

#data_header .name,
#list_content .pkt-item .pkt-l .name{
	width:200px;
}

#data_header .desc,
#list_content .pkt-item .pkt-l .desc{
	width:250px;
}

#data_header .dev,
#list_content .pkt-item .pkt-l .dev{
	width:200px;
}

#data_header .deveui,
#list_content .pkt-item .pkt-l .deveui{
	width:184px;
}
#data_header .dev-mode,
#list_content .pkt-item .pkt-l .dev-mode{
	width:50px;
}
#data_header .dev-classmode,
#list_content .pkt-item .pkt-l .dev-classmode{
	width:50px;
}
#data_header .time,
#list_content .pkt-item .pkt-l .time{
	width:184px;
}
#data_header .type,
#list_content .pkt-item .pkt-l .type{
	width:184px;
}

#data_header .lastseen,
#list_content .pkt-item .pkt-l .lastseen{
	width:150px;
}

#data_header .data{
	text-align:left;
}
#lengend>div{
	float:left;
	display: block;
	font-weight: bold;
	padding: 4px 8px;
}

#creat-edit{
	width: 100%;
	float: left;
	display: block;
vertical-align: middle;
}

#option *{list-style:none;margin:0;padding:0;overflow:hidden} 
#option li{
	width:200px;
	float:left;
	text-align:center;
	line-height:50px;
	height:50px;
	cursor:pointer;
	border:#eee solid 1px;
	border-bottom:none;
	box-sizing: border-box;
	color:#333;
	font-weight: bold;
	font-size:15px;
	overflow:hidden;
	vertical-align: middle;
} 

#creat-edit *{list-style:none;margin:0;padding:0;overflow:hidden} 
#creat-edit li{
	float:left;
	text-align:center;
	line-height:50px;
	height:50px;
	cursor:pointer;
	border:#eee solid 1px;
	border-top:none;
	box-sizing: border-box;
	color:#333;
	font-weight: bold;
	font-size:15px;
	overflow:hidden;
	vertical-align: middle;
} 

.input_name{
	font-size: 16px;
	display: block;
	text-align:right;
	line-height:50px;
	height:50px;
	width:50%;
	float:left;
}
.input_info{
	font-size: 16px;
	display: block;
	text-align:left;
	line-height:50px;
	height:50px;
	width:50%;
	float:left;
}
.input{
	font-size: 15px;
	display: block;
	text-align:left;
	padding-top:8px;
	line-height:50px;
	font-size: 16px;
	height:50px;
	width:50%;
	float:left;
}
input{text-align:center}
.padright{
	padding-right:20px;
}

.details_input{
	font-size: 13px;
	display: block;
	text-align:center;
	line-height:40px;
	height:40px;
	width:33.3333%;
	float:left;
	border-style: solid  ; 
	border-width: 0px  0px  1px   0px ;
	border-color:#e7e8e9;
}

.payloadheader1{
	font-size: 13px;
	display: block;
	text-align:center;
	line-height:30px;
	height:30px;
	width:15%;
	float:left;
	border-style: solid  ; 
	border-width: 0px  0px  1px   0px ;
}
.payloadheader2{
	font-size: 13px;
	display: block;
	text-align:center;
	line-height:30px;
	height:30px;
	width:40%;
	float:left;
	border-style: solid  ; 
	border-width: 0px  0px  1px   0px ;
}

.payload1{
	font-size: 13px;
	display: block;
	text-align:center;
	line-height:30px;
	height:30px;
	width:15%;
	float:left;
	border-style: solid  ; 
	border-width: 0px  0px  1px   0px ;
	border-color:#e7e8e9;

}
.over_lay{
                position: absolute; top: 0px; filter: alpha(opacity=60); background-color:#777;   
                z-index: 999; left: 0px;   display:none; font-size:50px;text-align:center;vertical-align: middle;
                opacity:0.5; -moz-opacity:0.5;width:100%;height:100%; line-height:500px; color:red;
} 
.payload2{
	font-size: 13px;
	display: block;
	text-align:center;
	line-height:30px;
	height:30px;
	width:40%;
	float:left;
	border-style: solid  ; 
	border-width: 0px  0px  1px   0px ;
	border-color:#e7e8e9; 
}
#input1 div > input,
#input2 div > input{
	width:280px;
}

.gateway_band, .lora_server, .channels{
	width:280px;
	padding-left:10px;
}