// @import "src/styles.scss";

//!一级阴影(一般盒子使用一级阴影)
$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: 15rem;
    display: block;
    margin: 0rem 0rem 0.4rem 0rem;
  }
  button {
    // width: 4rem;
    padding: 0rem 0.2rem;
    float: right;
  }
  &.clearfix:after {
    content: "\20";
    display: block;
    height: 0;
    clear: both;
  }
  &.clearfix {
    zoom: 1;
  }
}

: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;
  }
}

//   :host ::ng-deep .ant-table-small.ant-table-bordered .ant-table-body>table tr>td{
//     overflow: hidden;
//     white-space: nowrap;
//     text-overflow: ellipsis;
//   }
// .content {
//   @include content;
// }

// #searchbutton {
//   @include commom-query-style;
//   .disable {
//     color: $disable-text-color;
//   }
// }
// #table {
//   @include table;
// }
// .search-box {
//   padding: 0.8rem;
// }
// .search-box input {
//   width: 18.8rem;
//   margin-bottom: 0.8rem;
//   display: block;
// }

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

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

// .tqf {
//   background: #fff;
//   // padding: 0.8rem;
//   border-style: solid;
//   border-width: 1px;
//   border-color: #bfbfbf96;
//   border-radius: 1%;
//   .timeRow {
//     height: 3.2rem;
//     padding-left: 1.6rem;
//     padding-right: 1.6rem;
//     padding-top: 0rem;
//   }
//   .brow {
//     text-align: center;
//     margin-bottom: 1rem;
//     }
//   #tabSet {
//     // margin-top: -2rem;
//     // margin-bottom: -2rem;
//     width: 32rem;
//   }
// }

.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.8rem;
}

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