// 对标管理
@import "./setting.less";
#appBody.light {
	// 风机绩效榜
    .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: @blue;
		}
	}
	.el-table__header-wrapper{
		height: 50px;
	}
	.left{
		padding-top: 20px;
	}
	.has-gutter{
		background: @white;
		height: 30px;
		.is-center{
			height: 50px;
		}
	}
	.performance{
	 	background:@white
	} 
	
	.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: fade(@black,20);
			}
			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;
		}
	} 
	
	.decision-page-2,.decision-page-3,.decision-page-4{
		.com-panel{
			border-radius:0;
			padding:0;
		}
	}
	.action{
		color: @blue;
	}
	
	//线路对标
	.el-select {
	  .el-select__tags .el-tag {
	    background-color: fade(@deepblue, 20);
	    color: @deepblue;
	
	    .el-icon-close {
	      background-color: fade(@deepblue, 50);
	    }
	  }
	}
	
	//单机横向对比
	.direction-info {
	  .com-table {
	    th,
	    td {
	      color: @black;
	    }
	  }
	}
	
	// 状态转换率
	.newspan {
	  color: @black;
	}
	.newspan:hover {
	  background: linear-gradient(to top,rgba(54,52,142, 0.5),rgba(54,52,142, 0));
	  color: @deepblue;
	}
	.newspan:hover::after {
	  border: 0.093vh solid @deepblue;
	}
	.active {
	  background: linear-gradient(to top,rgba(54,52,142, 0.5),rgba(54,52,142, 0));
	  color: @deepblue;
	}
	.active::after {
	  border: 0.093vh solid @deepblue;
	}
	
	.el-month-table td .cell:hover,
	.el-date-picker__header-label.active,
	.el-date-picker__header-label:hover{
		color:@blue;
	}
	
	// 综合分析
	.ztfx {
	  .table-complex {
	    .table {
	      tbody {
	        tr:nth-child(2n) td {
	          background-color: fade(@black, 20%);
	          &.item {
	            background-color: transparent;
	          }
	        }
	      }
	
	      th {
	        background: fade(@black, 40);
	        color: @white;
	      }
	      td {
	        color: @black;
	      }
	    }
	  }
	  .table-panel {
	    .table {
	      tbody {
	        tr:nth-child(2n) td {
	          background-color: fade(@black, 20%);
	        }
	      }
	      th {
	        background: fade(@black, 40);
	        color: @white;
	      }
	      td {
	        color: @black;
	      }
	    }
	  }
	}
	
  .action-bar {
	.selections {
	  .item {
		color: @black;
		&:hover,
		&.active {
		  background: fade(@deepblue, 20);
		  border: 1px solid @deepblue;
		  color: @deepblue;
		}
	  }
	}
  }

  // 风场信息
  .fc-info {
	.fc-item {
	  & > .title {
		color: @black;
	  }
	  .tags {
		.tag {
		  .tag-title {
			color: @black;
		  }
		  .tag-value {
			color: @deepblue;
		  }
		}
	  }
	}
  }
}