@import './setting.less';

#appBody.light {
	// 组件部分
	.com-collapse {
		.collapse-box {
			.box-text {
				&:hover {
					color: @purple;
					font-weight: 700;
					background: @fadePurple;
				}
			}
			&.active {
				background: @white;
				.box-text {
				 color: @purple;
				 font-weight: 700;
					background: @fadePurple;
				}
			}
			.collapse-items .item.active {
				background: @fadePurple;
				color: @deepblue;
				cursor: pointer;
				font-weight: bold;
			}
		}
	}
	.wave {
		z-index: 1;
	}
	.svg-icon {
		.svg-icon-write,
		.svg-icon.svg-icon-gray-l {
			svg use {
				fill: @black;
			}
		}
	}

	.el-table td.light,
	.df-table .el-table td.light,
	.main-body .custom-table.el-table td.light,
	.df-table .custom-table.el-table td.light,
	.main-body .el-table td.always-light,
	.df-table .el-table td.always-light,
	.main-body .custom-table.el-table td.always-light,
	.df-table .custom-table.el-table td.always-light {
		color: @deepblue !important;
		font-weight: bold;
	}
	.table-form tr:nth-child(2n) {
		background: @gray-3;
	}

	.com-table {
		thead tr th {
			font-weight: 700;
			background: @gray-3;
		}
		tbody tr:nth-child(2n) {
			background: @gray-3;
		}
	}
	.btn-group-with-icon .btn-group-with-icon-list a {
		background-color: @white;
		border: none;
		color: @black;
		&.active {
			color: @white;
			background-color: @deepblue;
		}
	}
	.el-scrollbar__wrap {
		background: @white;
		transition: @transition;
	}

	.title {
		font-weight: bold;
	}

	.general-appearance-body,
	.booster-station-body {
		//升压站白色状态
		background: @white;
		transition: @transition;
	}

	.com-table {
		thead tr th {
			color: @black;
		}

		.el-scrollbar tr td {
			color: @black;
		}

		.el-scrollbar tr td.light span,
		.el-scrollbar tr td.light div {
			color: @deepblue;
		}
	}
	.btn.green,
	.btn:hover {
		color: @deepblue;
		border-color: @deepblue;
		background: rgba(@deepblueBg, 0.2);
	}

	.el-select__popper.select,
	.el-picker__popper {
		background: @white;
		border-color: @white;
		.el-popper__arrow::before {
			border: 1px solid @white !important;
			background: @white !important;
		}
		.el-select-dropdown__item.selected,
		.el-select-dropdown__item:hover {
			color: @deepblue;
			background: fade(@deepblue, 20);
			border: 1px solid @deepblue;
		}
		.el-select-dropdown__item {
			color: @black;
		}
	}

	.el-picker__popper.el-popper[role='tooltip'] {
		background: @white !important;
		border-color: @white !important;
		.el-date-table {
			th {
				color: @black;
			}
			td.current:not(.disabled) span {
				color: @white;
				background: @blue;
			}
			td.today span,
			span:hover {
				color: @blue;
			}
			td.prev-month,
			td.next-month {
				background: @gray-3;
				span:hover{
					color: @black;
				}
			}
			span {
				color: @black;
			}
		}
		.el-year-table {
			td {
				color: @black;
			}
			td.today .cell,
			td:hover {
				color: @blue;
			}
		}
	}
	.el-input {
		.el-input__inner {
			background: @white;
			color: @black;
		}
	}
	.query-item .lable {
		color: @black;
	}

	// 风机绩效榜-明细
	.main-body {
		input[type='checkbox']:checked {
			background: @blue;
			border-color: @blue;
		}
		input[type='checkbox'] {
			background: @white;
			border-color: @gray-l;
		}
	}

	.el-select {
		.el-select__tags .el-tag {
			background-color: fade(@deepblue, 20);
			color: @deepblue;

			.el-icon-close {
				background-color: fade(@deepblue, 50);
			}
		}
	}

	.active {
		background: @fadePurple;
		color: @deepblue;
	}

	.el-month-table td .cell:hover,
	.el-date-picker__header-label.active,
	.el-date-picker__header-label:hover {
		color: @blue;
	}

	.action-bar {
		.selections {
			.item {
				background: @white;
				color: @black;
				&:hover,
				&.active {
					background: fade(@deepblue, 20);
					border: 1px solid @deepblue;
					color: @deepblue;
				}
			}
		}
	}

	// 风场信息
	.fc-info {
		.fc-item {
			& > .title {
				color: fade(@black, 75);
			}

			.tags {
				.tag {
					.tag-title {
						color: @black;
					}

					.tag-value {
						color: @deepblue;
						.unit {
							color: @gray;
						}
					}
				}
			}
			.health-info {
				.title {
					color: @black;
					.actions {
						.action {
							color: @gray;
							svg use {
								fill: @gray;
							}
							&.active,
							&:hover {
								background: none;
								color: @deepblue;
								svg use {
									fill: @deepblue;
								}
							}
						}
					}
				}

				.info-body {
					.device-list {
						.item {
							color: @black;
							&.green {
								color: @green;
								background: fade(@green, 20);
								border-color: @green;
							}
						}
					}
				}
			}
		}
	}
	.el-table {
		th {
			color: @black;
		}

		.el-table__body tr.hover-row.current-row > td,
		.el-table__body tr.hover-row.el-table__row--striped.current-row > td,
		.el-table__body tr.hover-row.el-table__row--striped > td,
		.el-table__body tr.hover-row > td {
			color: @blue;
		}

		.ascending .sort-caret.ascending {
			border-bottom-color: @deepblue;
		}

		.descending .sort-caret.descending {
			border-top-color: @deepblue;
		}
	}

	.el-checkbox {
		color: @black;
		&.is-bordered {
			&.is-checked {
				border-color: @deepblue;
			}
		}
		.el-checkbox__input.is-checked + .el-checkbox__label {
			color: @deepblue;
		}
		.el-checkbox__input.is-disabled + span.el-checkbox__label {
			color: @black;
		}
		.el-checkbox__input.is-checked .el-checkbox__inner,
		.el-checkbox__input.is-indeterminate .el-checkbox__inner {
			background-color: @deepblue;
			border-color: @deepblue;
		}

		.el-checkbox__input.is-focus .el-checkbox__inner {
			border-color: @deepblue;
		}
	}
	.el-textarea {
		.el-textarea__inner {
			color: @black;
			background: fade(@gray-l, 20);
		}
	}
	.el-time-panel__btn {
		&.confirm {
			color: @deepblue;
		}
		&.cancel {
			color: @gray;
		}
	}
	.main-body input {
		color: @black;
		background: @white;
	}
	.font-md {
		color: @black;
	}
	.date-select.el-picker__popper.el-popper[role='tooltip'] .el-picker-panel .el-picker-panel__footer {
		background: @deepblue;
		border-color: @deepblue;
	}
	.el-time-panel .el-time-panel__footer {
		background: @deepblue;
	}
	.el-picker-panel .el-time-panel__btn.cancel {
		color: @white;
	}
	.el-time-panel__btn.confirm {
		color: @black;
	}

	.el-picker-panel {
		.el-picker-panel__footer {
			.el-button--text {
				color: @white;
			}
			.el-button.is-plain {
				background: @white;
				border-color: @deepblue;
				color: @black;
			}
		}
	}
}
.iframeBody{
	background-color: #FFFFFF;
	border-radius:5px ;
}