//页面容器
.page-container {
	width: 100%;
	height: calc(100vh - 50px);
	overflow: auto;
	display: flex;
	flex-direction: column;
	// 条件选择、搜索容器
	.search-container {
		width: 100%;
		background-color: #fff;
		padding: 10px 15px;
		box-sizing: border-box;
		margin-top: 7px;
	}
	//主要内容容器
	.content-container {
		width: 100%;
		flex-grow: 1;
		display: flex;
		margin-top: 7px;
		.main {
			width: calc(100% - 287px);
			height: 100%;
			padding: 10px 15px;
			box-sizing: border-box;
			background-color: #fff;
			.table-nav {
				display: flex;
				justify-content: space-between;
				.tags {
					display: flex;
					.tag {
						width: 90px;
						height: 40px;
						text-align: center;
						line-height: 40px;
						font-size: 14px;
						border-top: 1px solid #dfe6ec;
						border-left: 1px solid #dfe6ec;
						cursor: pointer;
						&:last-child {
							border-right: 1px solid #dfe6ec;
						}
					}
				}
			}
			&:first-child {
				width: 100%;
			}
		}
	}
}
.hasTagsView {
	.page-container {
		height: calc(100vh - 86px);
	}
}
.message-style {
	&.success {
		background-color: #f0f9eb;
	}
	&.warning {
		background-color: #fdf6ec;
	}
	&.info {
		background-color: #f4f4f4;
	}
	&.error {
		background-color: #fef0f0;
	}
	.el-notification__icon {
		font-size: 30px !important;
	}
	.el-notification__group {
		.el-notification__title {
			font-size: 14px !important;
		}
		.el-notification__content {
			margin: 0 !important;
		}
	}
}
a.linked {
	color: #1890ff;
}
