.state-select {
	position: relative;
	margin: 10px 0 0;
	padding: 10px;

	label {
		cursor: pointer;
		padding: 2px 10px;

		&.current {
			background: black;
			color: #fff;
		}
	}

	input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}
}

.sale-category-table {
	thead {
		display: none;
	}

	tbody {
		td {
			padding: 0 !important;
		}
	}
}

.level-wrap, .level-hd {
	font-size: 0;
	border-top: 1px solid #ddd;

	span {
		display: inline-block;
		width: 12.5%;
		font-size: 13px;
		border-left: 1px solid #ddd;
		height: 104px;
		line-height: 104px;
		vertical-align: middle;
		text-align: center;

		img {
			max-height: 78px;
			max-width: 78px;
		}

		&.orderby {
			width: 8%;
		}

		&.operate {
			width: 20.5%;
			line-height: 42px;
		}

		&.status {
			width: 9%;
		}
	}
	span:first-child {
		border-left: none;
		cursor: pointer;
	}
}

.level-hd {
	border-bottom: 1px solid #ddd;
	span {
		font-weight: bold;
		height: 34px;
		line-height: 34px;

		&.operate {
			line-height: 34px;
		}
	}
}

.level-wrap {
	.folder {
		background-image: url(../assets/images/folder2.png);
		background-repeat: no-repeat;
		background-position:  12px center;
	}
	

	.folder.open {
		background-image: url(../assets/images/folder.png);
	}
		
}

.level-2-wrap {
	.level-wrap {
		.folder {
			background-position: 36px center;
		}
		
	}
	
}

.level-3-wrap {
	.level-wrap {
		.folder {
			background-position: 72px center;
		}
	}
	
}
.level-2-wrap, .level-3-wrap {
	display: none;
}