/* 基础样式 */
.mr10{
	margin-right: 10px;
}
.red{
	color: red;
}
.orange{
	color: orange;
}

.system-main-container {
	position: relative;
	padding: 20px 20px;
	width: 100%;
	height: 100%;
	min-height: 300px;
	background-color: #f0f0f0;
	overflow-y: scroll;
	.system-main-content{
		height: 100%;
		min-height: 600px;
		.search-box{

		}
		.table-box{

		}
	}
}
.card{
	height: 100%;
	background: #fff;
	padding: 20px;
	box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
	border-radius: 0;
}

.tree-box{
	position: relative;
	min-width: 300px;
	min-height: 600px;
	margin-right: 10px;
	float: left;
	padding: 20px;
	height: 100%;
	background: #fff;
	box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);

}
.page-box{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
}
.table-operation-box{
	margin-bottom: 16px;
}


/* 目录树样式 */
:host /deep/ ul.tree{
  padding-left: 25px;
  line-height: 30px;
  list-style: none;
}
:host /deep/ .node-value{
  display: inline-block;
  padding: 0 10px;
  border-radius:3px;
  cursor: pointer;
}
:host /deep/ .node-selected{
  background-color: #dcdcdc
}