// @import "src/styles.scss";
$box-shadow-level1: 0 0.3rem 0.6rem -0.4rem rgba(0, 0, 0, 0.45);
$table-title-color: rgba(0, 0, 0, 0.85); //!标题颜色
$table-header-bgcolor: #eeebeb;
.table-card {
  padding: 1.2rem 2rem;
  background: #ffffff;
  box-shadow: $box-shadow-level1;
  .table-title {
    font-size: 1.4rem;
    font-weight: 600;
    color: $table-title-color;
    line-height: 1.5;
    height: 3.6rem;
  }
  .table-icon-row {
    // font-size: 1.6rem;
    text-align: right;
    margin-bottom: 0.4rem;
    bcac-icon {
      // margin: 0.3rem;
      cursor: pointer;
    }
    input {
      width: 15rem;
      font-size: 1.2rem;
      margin-bottom: 0.3rem;
      margin-left: 0.2rem;
    }
  }
  .th-unit {
    color: rgba(0, 0, 0, 0.5);
    font-size: 1.2rem;
  }
  .table-content {
    tbody {
      overflow: auto;
    }
    .table-thead-tr {
      background-color: $table-header-bgcolor;
      th {
        font-size: 1.4rem;
        padding: 0.8rem 1.2rem;
        white-space: nowrap;
        border-radius: 2px;
      }
      .overline {
        text-decoration: overline
      }
    }
    .table-tbody-tr {
      &:nth-child(even) {
        .ant-table-td-left-sticky,
        .ant-table-td-right-sticky {
          background: #fafafa;
        }
        background: #fafafa;
      }
      td {
        text-align: left;
        font-size: 1.4rem;
        padding: 0.8rem 1.2rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        &.nz-badge-td {
          text-align: center;
        }
      }
    }
  }
}

//!一级阴影(一般盒子使用一级阴影)
// $box-shadow-level1: 0 0.3rem 0.6rem -0.4rem rgba(0, 0, 0, 0.45);
// //!表格第一行(表头)颜色
// // $table-firsr-row: #eeebeb;
// $table-firsr-row: #f2f2f2;
// $title-color: rgba(0, 0, 0, 0.85); //!标题颜色
// .table-card {
//   padding: 1.2rem 2rem;
//   background: #fff;
//   box-shadow: $box-shadow-level1;
//   .table-title {
//     font-size: 1.4rem;
//     font-weight: 600;
//     color: $title-color;
//     line-height: 1.5;
//     height: 3.6rem;
//   }
//   .table-icon-row {
//     font-size: 1.6rem;
//     text-align: right;
//     margin-bottom: 0.4rem;
//     i {
//       margin: 0.3rem;
//       cursor: pointer;
//     }
//     input {
//       width: 20rem;
//       font-size: 1.2rem;
//     }
//   }
//   .table-content {
//     tbody {
//       overflow: auto;
//     }
//     .table-thead-tr {
//       background-color: $table-firsr-row;
//       th {
//         font-size: 1.4rem;
//         padding: 0.8rem 1.2rem;
//         white-space: nowrap;
//         border-radius: 2px;
//       }
//     }
//     .table-tbody-tr {
//       &:nth-child(even) {
//         .ant-table-td-left-sticky,
//         .ant-table-td-right-sticky {
//           background: #fafafa;
//         }
//         background: #fafafa;
//       }
//       td {
//         text-align: left;
//         font-size: 1.4rem;
//         padding: 0.8rem 1.2rem;
//         white-space: nowrap;
//         overflow: hidden;
//         text-overflow: ellipsis;
//       }
//     }
//   }
// }

// .detailsModal {
//   font-size: 1.4rem;
//   .row {
//     margin: 1rem 0rem;
//     .field {
//       font-weight: 600;
//       text-align: right;
//     }
//   }
// }

// // .search-box {
// //   padding: 0.8rem;
// // }
// // .search-box input {
// //   width: 15rem;
// //   margin-bottom: 0.8rem;
// //   display: block;
// // }

// // .search-box button {
// //   width: 9rem;
// // }

// // .search-button {
// //   margin-right: 0.8rem;
// // }

.search-box {
  padding: 0.6rem;
  input {
    width: 16rem;
    display: block;
    margin: 0rem 0rem 0.4rem 0rem;
  }
  button {
    // width: 4rem;
    padding: 0rem 0.4rem;
    margin-left: 0.4rem;
    float: right;
  }
  &.clearfix:after {
    content: "\20";
    display: block;
    height: 0;
    clear: both;
  }
  &.clearfix {
    zoom: 1;
  }
}

:host ::ng-deep .ant-table-small {
  border-radius: 0;

  .ant-table-body {
    &::-webkit-scrollbar {
      height: 5px;
      width: 6px;
      background-color: #eeecec;
    }

    &::-webkit-scrollbar-thumb {
      background-color: #c0c0c0;
      border-radius: 5px;
    }
  }
}

:host ::ng-deep .ant-table-small.ant-table-bordered .ant-table-body > table {
  table-layout: fixed;
}
:host
  ::ng-deep
  .ant-table-small.ant-table-bordered.ant-table-scroll-position-left {
  border-radius: 2px;
}

::ng-deep .ant-tooltip-content {
  .ant-tooltip-inner {
    color: #333232;
    background-color:rgba(224, 224, 224, 0.7);
    box-shadow: 1px 1px #8b8b8b;
    padding: 0.3rem 0.4rem;
    min-height: unset;
  }
}

// .search-result-list {
//   margin-top: 16px;
//   border: 1px dashed #e9e9e9;
//   border-radius: 6px;
//   background-color: #fafafa;
//   min-height: 200px;
//   text-align: center;
//   padding-top: 80px;
// }

// [nz-form-label] {
//   overflow: visible;
// }

// button {
//   margin-left: 8px;
// }

// .collapse {
//   margin-left: 8px;
//   font-size: 12px;
// }

// .search-area {
//   text-align: right;
// }

.columnConfigPanel {
  padding: 1rem;
  background-color: #ffffff;
  border: 1px solid #f1e8e8;
  // width: 14rem;
  box-shadow: 1px 1px 2px #888888;
  margin-top: -0.3rem;
}

::ng-deep .columnConfigPanel .ant-checkbox-group-item {
  display: block;
}

// .tooltipclass {
//   // color: #ad1010;
//   background-color: #a50f0f;
// }