@import "./setting.less";
#appBody.light {
	// 故障诊断
	.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;
	  }
	}
	
	.time-axis-box {
	    .time-axis-progress-box {
	        .time-axis-progress {
	            background: fade(@deepblue, 60);
	        }
	        .time-axis-progress-scale {
	            border: 1px solid @deepblue;
	        }
	    }
	}
	
	.fdp-sub-title {
	    color: @deepblue;
	}
	
	// 健康推荐
  .selections {
	.item {
	  color: @black;
	  background: fade(@black, 20);
	  border: 1px solid fade(@black, 20);

	  &:hover,
	  &.active {
		background: fade(@deepblue, 20);
		border: 1px solid @deepblue;
		color: @deepblue;
	  }
	}
  }

  .power-info {

	.info-tab {
	  .tab {
		color: @black;
		background: fade(@black, 20);
		border: 1px solid fade(@black, 20);
		i {
		  svg use {
			fill: @black;
		  }
		}

		&:hover,
		&.active {
		  background: fade(@deepblue, 20);
		  border: 1px solid @deepblue;
		  color: @deepblue;

		  i svg use {
			fill: @deepblue;
		  }
		}

		&.active::after {
		  border-bottom: 9px solid @deepblue;
		}

		&.active::before {
		  border-bottom: 9px solid #063319;
		}
	  }

	}
  }

  .health-report {
	// 健康报告 按钮样式
	.actions {
		.active{
			border: 1px solid @deepblue;
		}
	  .item {
		color: fade(@white, 75);
		&.green {
		  background: @deepblue;
		}

		&.purple {
		  background: @purple;
		}

		&.gray {
		  background: @black;
		}
	  }
	}

	.report-items {

	  .item {
		.title {
		  background: fade(@black, 40);
		  color: @black;
		}

		.info {
		  background: fade(@black, 20);
		  color: @font-color;
		  .actions {
			.success {
			  border-color:@deepblue;
			  color: @deepblue;
			  background: fade(@deepblue,20);
			}
		  }
		}
	  }
	}
  }
  
}