@import '../setting.less';

#appBody.light {
	//人员矩阵
	.personnel {
		.personnel-btn {
			.i-btn {
				&:hover,
				&.active {
					border: 1px solid rgba(75, 85, 174, 0.6);
					background: rgba(75, 85, 174, 0.6);
					color: @white;
				}
				background: rgb(220 221 223);
				border: 1px solid @black;
				color: @black;
			}
		}
		.personnel-box {
			.personnel-box-item {
				background: @white;
				border: 1px solid @black;
				&:hover {
					border: 1px solid @deepblue;
					background: @deepblue;
					.personnel-box-item-h .personnel-box-item-form .personnel-box-item-group {
						.personnel-box-item-label,
						.personnel-box-item-value {
							color: @white;
						}
					}

					.personnel-box-item-f {
						.personnel-box-item-name,
						.personnel-box-item-icon {
							color: @white;
						}
					}
				}

				.personnel-box-item-h .personnel-box-item-form .personnel-box-item-group {
					.personnel-box-item-label,
					.personnel-box-item-value {
						color: @black;
						font-weight: bold;
					}
				}

				.personnel-box-item-f {
					.personnel-box-item-name,
					.personnel-box-item-icon {
						color: @black;
						font-weight: bold;
					}
				}
			}
		}
	}
	.iframe4 .el-dialog {
		background: @white;
	}
}