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

.danger{
	color: #f86c6b;
}
.left{
	float: left;
}
.right{
	float: right;
}
.navigation{ 
	margin-bottom: 10px;
}
.system-main-container {
	position: relative;
	padding: 20px 20px;
	width: 100%;
	height: 100%;
	min-height: 300px;
	background-color: #f0f0f0;
	.system-main-content{
		height: 100%;
		.search-box{

		} 
		.table-box{

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

.tree-box{
	position: relative;
	min-width: 300px;
	margin-right: 20px;
	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;
}
/* 表格样式 */
.table-box {
	.table-operation-btn {
		padding-left: 2px;
		padding-right: 2px; 
		cursor: pointer;
		font-size: 20px;
	}
	.edit{
		color: #40a9ff;
	}
	.danger{
		color: #f86c6b;
	}
}

/* 目录树样式 */
: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
}