.container {
  width: 96%;
  max-width: 1120px;
  min-width: 500px;
  margin: 0 auto;
  // padding: var(--beyond-header-height) 0 0;
  padding-top: 26px;
}

// .commonTabs {
//   :global {
//     .@{antPrefix}-tabs-nav{
//       margin-bottom: 20px;
//     }
//   }
// }

.searchInput {
  width: 200px;
}

.tabs {
  :global {
    .@{antPrefix}-tabs-nav {
      font-weight: 400;

      .@{antPrefix}-tabs-tab {
        font-size: 20px;
        padding: 6px 0;
        line-height: 28px;
        + .@{antPrefix}-tabs-tab {
          margin-left: 24px;
        }
      }

      .@{antPrefix}-tabs-tab-btn {
        color: var(--beyond-color-text) !important;
        text-shadow: none !important;
        font-weight: 500;
      }

      .@{antPrefix}-tabs-extra-content {
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .@{antPrefix}-tabs-ink-bar {
        height: 3px;
        background-color: var(--beyond-color-text);
      }
    }
    .@{antPrefix}-tabs-content {
      height: 100%;
    }
    .@{antPrefix}-tabs-tabpane {
      height: 100%;
    }
  }
}

.spinningWrapper {
  height: 100%;
  width: 100%;
  :global {
    .@{antPrefix}-spin-container {
      height: 100%;
      width: 100%;
      display: flex;
      flex-direction: column;
    }
  }
}

.relatedToMeDropdown {
  padding: 5px 8px;
  border-radius: 8px;
  border: 1px solid #ced3d9;
  min-width: 100px;
  font-size: 13px;
  &:hover {
    border-color: var(--beyond-color-primary-hover);
  }
  .selectedItem {
    padding: 2px 6px;
    border-radius: 4px;
    background: #f2f6fa;
  }
}

.keepAliveContainer {
  height: calc(100vh - 16px);
}
