// @import url('../../../../../../styles/common//easyvCommon.less');

.table {
  padding: 14px 16px;
  :global {
    .easyv-table {
      background: #181b24;
      color: #dddddd;
    }
    .easyv-empty-normal {
      color: #dddddd;
    }
    .easyv-table thead > tr > th {
      padding-top: 10px;
      padding-bottom: 10px;
      background: #2e323e;
      color: #b4b7c1;
      border-color: rgba(255, 255, 255, 0.08) !important;
    }
    .easyv-empty-img-simple {
      color: #282b36;
    }
    .easyv-empty-description {
      color: #b4b7c1;
    }
    .easyv-table.easyv-table-bordered .easyv-table-container {
      border-color: #393b4a;
    }

    .easyv-table.easyv-table-bordered tbody > tr > td {
      border-color: #393b4a !important;
    }
    .easyv-table tbody > tr.easyv-table-row:hover > td,
    tbody > tr.easyv-table-placeholder:hover > td {
      background: #181b24;
    }
  }
}

.cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  :global {
    .easyv-btn {
      margin-bottom: 12px;
      max-width: 100%;
      min-width: 96px;

      & > span {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }

      &:last-child {
        margin-bottom: 0;
      }
    }
  }
}

.search {
  padding-left: 16px;
  padding-right: 16px;
  :global {
    .easyv-gui-input-prefix {
      margin-right: 12px;
    }
    .icon-btn_search {
      position: relative;
      font-size: 18px;
      margin-top: 2px;
      margin-left: -2px;
      color: rgba(255, 255, 255, 0.5);
      &::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 14px;
        top: 6px;
        right: -5px;
        background-color: #393b4a;
      }
    }
  }
}
.drawer {
  :global {
    .easyv-gui-drawer-body {
      padding: 0 0 60px;
    }
  }
}
