.band-tree {
	position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.band-tree-bucket {
	background-color: #f6f6f6;
}

.band-tree-band {
	background-color: white;
}

.band-tree-bucket {
	position: relative;
	line-height: 32px;
	font-weight: normal;
	cursor: pointer;
}

.band-tree-band {
	position: relative;
	line-height: 32px;
	font-weight: normal;
	cursor: pointer;	
}

.band-tree-field {
	position: relative;
	line-height: 26px;
	font-weight: normal;
	cursor: pointer;
}

.band-tree-field:hover {
    background-color: #fff8f8;	
}

.bucket-header {
	padding-left: 25px;
    border-bottom: 1px solid #eaeaea;
}

.band-header {
	padding-left: 35px;
	background-color: #fffafa;
    border-bottom: 1px solid #eaeaea;
}

.band-tree-field {
	font-size: 12px;
	border: 1px solid white;
}

.used-flag {
	position: absolute;
	left: 25px;
	top: 0px;
	width: 20px;
	height: 20px;
	display: none;
}

.field-body {
	padding-left: 50px;
}

.band-tree-holder {
	position: relative;
	width: 150px;
	line-height: 24px;
	font-weight: normal;
	cursor: pointer;
	border-radius: 13px;
	box-sizing: border-box;
	background-color: #fff8f8;
	border: 1px solid gray;
	z-index: 10;
}

.holder-body {
	padding-left: 22px;
}

.band-tree-itemBody {
	background-color: #016985;
	color: #ddd;
}

.band-tree-itemBody:HOVER {
	background-color: #1a9182;
	color: white;
}

.band-tree-activeBody {
	background-color: #796161;
	color: white;
	font-weight: bold;
	border-left: 5px solid #33aecc; 
}

.band-tree-body-arrow {
	float: right;
    margin-right: 20px;
}

.band-tree-text {
	margin-left: 2px;
}

.band-arrow {
	float: right;
	margin-right: 15px;
	font-size: 12px;
	color: #9d9b9b;
}