// 对标管理
@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: 37px;
  }
  .left {
    padding-top: 20px;
  }
  .has-gutter {
    background: @white;
    height: 30px;
    .is-center {
      height: 37px;
    }
  }
  .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;
          }
        }
      }
    }
  }
}