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

.wrapper {
  position: fixed;
  margin: 0px 40px 44px 40px;
  width: calc(100vw - 80px);
  box-sizing: border-box;
  height: calc(100vh - 72px);
}

.migrate {
  :global {
    .easyv-table-container {
      max-height: calc(100vh - 252px);
    }
  }
}

.notMigrate {
  :global {
    .easyv-table-container {
      max-height: calc(100vh - 204px);
    }
  }
}
.iconHover {
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.iconHover:hover {
  color: rgba(58, 137, 254, 1);
}

.header {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 16px;

  .search_input {
    .easyvSearchInput();
    background: var(--easyv-background-6);

    :global {
      .easyv-gui-btn .anticon {
        color: #b4b7c1;
      }

      .easyv-gui-input {
        background-color: var(--easyv-background-6);
      }

      .easyv-gui-input-group-addon {
        background-color: var(--easyv-background-6);
      }

      .easyv-gui-btn-icon-only {
        background-color: var(--easyv-background-6);
      }
    }
  }
}

.tableWrapper {
  .table();
  :global {
    .table-footer-pagination {
      height: 56px;
      color: #b4b7c1;
      cursor: pointer;
      background-color: var(--easyv-background-6);
      border-radius: 0px 0px 2px 2px;
      border-top: 1px solid rgba(255, 255, 255, 0.12);
    }
  }
}
