.data-table {
  width: 100%;
  height: 100%;
  // background-color: #fff;
  padding: 20px;
  .data-table-content {
    height: 100%;
    .nodata {
      margin-top: 25px;
      height: calc(100% - 33px - 25px);
    }
  }
  ::v-deep .table {
    width: 100%;
    margin-top: 25px;
    .cell {
      padding: 0;
      text-align: center;
      font-size: 14px;
      font-family: Helvetica, "Microsoft YaHei";
      letter-spacing: 0;
    }
    .hd-td {
      white-space: nowrap;
      padding: 0 15px;
    }
    .cell-click {
      cursor: pointer;
      color: #2d7cff;
      &.cell-clicked {
        color: purple;
      }
    }
    .el-table__header-wrapper {
      .cell {
        font-weight: bold;
        color: #101116;
        .el-tooltip {
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          line-height: 34px;
        }
        > .el-checkbox {
          display: none;
        }
      }
      .has-gutter {
        tr {
          .bgl-huang {
            background: #fcf0b1;
          }
        }
      }
    }
    .el-table__body-wrapper {
      tr.bgl-hui {
        background: #d2d6df;
        td {
          background: #d2d6df;
        }
        &.redBorder {
          position: relative;
          &::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            background: #e83f82;
          }
        }
      }
    }
    .is-click-btn{
       & > div{
        cursor: pointer;
        &::after{
          content: "";
          display: block;
          width: 100px;
          position: absolute;
          bottom: 10px;
          left: 50%;
          margin-left: -50px;
          border-bottom: 1px solid #101116;
        }
       }
    }
    .el-table__fixed-right {
      thead {
        div {
          color: #101116;
        }
      }
    }
    .hd-td {
      .hd-tr {
        display: flex;
        justify-content: center;
        flex-direction: row;
        padding: 0 8px;
      }
    }
  }
  .data-table-btn {
    margin-top: 13px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}
.filter-arrow {
  cursor: pointer;
  transition: 0.3s transform;
  &.arrow-active {
    transform: rotate(-180deg);
  }
  &.arrow-blue {
    color: #2d7cff;
    font-weight: bold;
  }
}
.el-select-dropdown__item.hover {
  background: #d2d6df;
}
.data-table-dialog {

  ::v-deep .dialog-content {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    .title{
      padding: 20px;
      border-bottom: 1px solid #ddd;
      box-sizing: border-box;
    }
    .contents{
      box-sizing: border-box;
      height: calc(100vh - 114px);
      overflow-y: auto;
      overflow-x: hidden;
      padding: 20px;
      box-sizing: border-box;
    }
    .datetimes {
      width: 100%;
    }
    .el-form-item__content {
      line-height: 41px;
    }
  }
}
