.tableCardDisabled {
  width: 100%;
  background: url('/images/access-config-diaabled.png') no-repeat;
  background-size: 100% 100%;
}

.tableCardEnabled {
  width: 100%;
  background: url('/images/access-config-enabled.png') no-repeat;
  background-size: 100% 100%;
}

.context {
  display: flex;
  width: 100%;
  .card {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-left: 10px;
    .header {
      .title {
        width: 90%;
        overflow: hidden;
        font-weight: 700;
        font-size: 18px;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
      .desc {
        width: 100%;
        margin-top: 10px;
        overflow: hidden;
        color: #666;
        font-weight: 400;
        font-size: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
    }

    .container {
      display: flex;
      width: 100%;
      height: 80px;
      margin-top: 10px;

      .server,
      .procotol {
        width: calc(50% - 20px);
        margin-right: 10px;
        .subTitle {
          width: 100%;
          overflow: hidden;
          color: rgba(0, 0, 0, 0.75);
          font-size: 12px;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
        p {
          width: 100%;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
      }
    }
  }
}

:global {
  .ant-pagination-item {
    display: none;
  }
}
