#bx-page-organization-profile-fans {
  padding: .5rem;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0 7px 22px 0 rgba(0, 0, 0, 0.18);
}
#bx-content-wrapper .bx-def-page-width {
  max-width: 1280px;
}
#bx-content-wrapper .bx-def-page-width .bx-content-container {
  margin-bottom: 5rem;
}
.bx_organizations_fans-pending-request {
  font-family: "BrandonGrotesque", sans-serif;
}
.bx_organizations_fans-pending-request .bx-def-margin-right-bottom {
  margin-top: -1.5rem;
}
.bx_organizations_fans-pending-request .bx-db-container {
  box-shadow: none !important;
  border: 0;
  border-radius: 0 !important;
  padding: 0.5rem !important;
}
.bx_organizations_fans-pending-request .bx-db-container .bx-db-header {
  padding: 1rem 0;
  margin: 0 1rem;
}
.bx_organizations_fans-pending-request .bx-db-container .bx-db-header .bx-db-title {
  color: #7728DD;
  font-size: 18px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
}
.bx_organizations_fans-pending-request .bx-def-margin-top .bx-paginate {
  justify-content: center;
}
.bx_organizations_fans-pending-request .bx-content-padding-block {
  padding: 0 1rem;
}
.bx_organizations_fans-pending-request .bx-search-result-block {
  margin: 0;
}
.bx_organizations_fans-pending-request .table-container {
  width: 100%;
  color: var(--Color-text-primary, #262626);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  overflow-x: auto;
  display: grid;
  grid-template-rows: repeat(auto-fill, 1fr);
  grid-gap: 5px;
}
.bx_organizations_fans-pending-request .table-header {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  min-width: 500px;
  color: var(--Color-text-primary, #262626);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
}
.bx_organizations_fans-pending-request .table-header .cell {
  background: #F0F2F5;
  padding: 4px;
}
.bx_organizations_fans-pending-request .table-header .cell.actions {
  align-items: center;
  display: flex;
  justify-content: center;
}
.bx_organizations_fans-pending-request .table-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.bx_organizations_fans-pending-request .cell {
  padding: 10px;
}
.bx_organizations_fans-pending-request .cell.actions {
  align-items: center;
  display: flex;
  justify-content: center;
}
.bx_organizations_fans-pending-request .btn-accept {
  border: 0.5590000000000001px solid var(--Tags-tag-background-active-accent, #9149ee);
  background: var(--Color-surface-primary, #fafafa);
  color: #7728DD;
}
.bx_organizations_fans-pending-request .btn-delete {
  border: 0.5590000000000001px solid var(--Color-negative-declaration, #ff2929);
  background: var(--Color-surface-primary, #fafafa);
  color: #FF2929;
}
.bx_organizations_fans-pending-request .btn-set-role {
  border: 0.5590000000000001px solid var(--Tags-module-stroke, #363636);
  background: var(--Color-surface-primary, #fafafa);
  color: #262626;
}
.bx_organizations_fans-pending-request .btn-set-role i {
  font-size: 13px;
  color: #363636;
  display: none;
}
.bx_organizations_fans-pending-request .mh-btn {
  border-radius: 10px;
  font-size: 14px;
  font-style: normal;
  font-weight: 420;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  padding: .3rem 0.5rem;
  cursor: pointer;
}
.bx_organizations_fans-pending-request .mh-btn i {
  margin-right: 4px;
}
.bx_organizations_fans-pending-request .mh-btn:not(:first-child) {
  margin-left: 5px;
}
.bx_organizations_fans-pending-request .mh-btn.btn-accept:hover,
.bx_organizations_fans-pending-request .mh-btn.btn-delete:hover,
.bx_organizations_fans-pending-request .mh-btn.btn-set-role:hover {
  border: 0.443px solid var(--Color-accent-orange, #ff6600);
  background: var(--Colors-Secondary-secondary-50, #fff0e5);
  color: var(--Color-accent-orange, #ff6600);
}
.bx_organizations_fans-pending-request .mh-profile-unit-cnt a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .5rem;
  text-align: left;
  max-width: 90%;
  word-break: break-word;
}
.bx_organizations_fans-pending-request .mh-profile-unit-cnt .mh-unit-img {
  border-radius: 50%;
  border: 4px solid #7727DD;
}
.bx_organizations_fans-pending-request .mh-profile-unit-cnt .mh-unit-img img {
  max-width: unset;
}
.bx_organizations_fans-pending-request .mh-profile-unit-cnt .mh-unit-img .mh-profile-unit-thumb {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  line-height: 2rem;
  color: #FAFAFA;
}
.bx_organizations_fans-pending-request .bx-db-container .bx-db-header {
  padding: 0;
}
.bx_organizations_fans-pending-request .bx-ti-search-button {
  margin-right: 0;
}
.bx_organizations_fans-invitations-pending {
  font-family: "BrandonGrotesque", sans-serif;
}
.bx_organizations_fans-invitations-pending .bx-def-margin-right-bottom {
  margin-top: -1.5rem;
}
.bx_organizations_fans-invitations-pending .bx-db-container {
  box-shadow: none !important;
  border: 0;
  border-radius: 0 !important;
  padding: 0.5rem !important;
}
.bx_organizations_fans-invitations-pending .bx-db-container .bx-db-header {
  padding: 1rem 0;
  margin: 0 1rem;
}
.bx_organizations_fans-invitations-pending .bx-db-container .bx-db-header .bx-db-title {
  color: #7728DD;
  font-size: 18px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
}
.bx_organizations_fans-invitations-pending .bx-def-margin-top .bx-paginate {
  justify-content: center;
}
.bx_organizations_fans-invitations-pending .bx-content-padding-block {
  padding: 0 1rem;
}
.bx_organizations_fans-invitations-pending .bx-search-result-block {
  margin: 0;
}
.bx_organizations_fans-invitations-pending .table-container {
  width: 100%;
  color: var(--Color-text-primary, #262626);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  overflow-x: auto;
  display: grid;
  grid-template-rows: repeat(auto-fill, 1fr);
  grid-gap: 5px;
}
.bx_organizations_fans-invitations-pending .table-header {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  min-width: 500px;
  color: var(--Color-text-primary, #262626);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
}
.bx_organizations_fans-invitations-pending .table-header .cell {
  background: #F0F2F5;
  padding: 4px;
}
.bx_organizations_fans-invitations-pending .table-header .cell.actions {
  align-items: center;
  display: flex;
  justify-content: center;
}
.bx_organizations_fans-invitations-pending .table-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.bx_organizations_fans-invitations-pending .cell {
  padding: 10px;
}
.bx_organizations_fans-invitations-pending .cell.actions {
  align-items: center;
  display: flex;
  justify-content: center;
}
.bx_organizations_fans-invitations-pending .btn-accept {
  border: 0.5590000000000001px solid var(--Tags-tag-background-active-accent, #9149ee);
  background: var(--Color-surface-primary, #fafafa);
  color: #7728DD;
}
.bx_organizations_fans-invitations-pending .btn-delete {
  border: 0.5590000000000001px solid var(--Color-negative-declaration, #ff2929);
  background: var(--Color-surface-primary, #fafafa);
  color: #FF2929;
}
.bx_organizations_fans-invitations-pending .btn-set-role {
  border: 0.5590000000000001px solid var(--Tags-module-stroke, #363636);
  background: var(--Color-surface-primary, #fafafa);
  color: #262626;
}
.bx_organizations_fans-invitations-pending .btn-set-role i {
  font-size: 13px;
  color: #363636;
  display: none;
}
.bx_organizations_fans-invitations-pending .mh-btn {
  border-radius: 10px;
  font-size: 14px;
  font-style: normal;
  font-weight: 420;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  padding: .3rem 0.5rem;
  cursor: pointer;
}
.bx_organizations_fans-invitations-pending .mh-btn i {
  margin-right: 4px;
}
.bx_organizations_fans-invitations-pending .mh-btn:not(:first-child) {
  margin-left: 5px;
}
.bx_organizations_fans-invitations-pending .mh-btn.btn-accept:hover,
.bx_organizations_fans-invitations-pending .mh-btn.btn-delete:hover,
.bx_organizations_fans-invitations-pending .mh-btn.btn-set-role:hover {
  border: 0.443px solid var(--Color-accent-orange, #ff6600);
  background: var(--Colors-Secondary-secondary-50, #fff0e5);
  color: var(--Color-accent-orange, #ff6600);
}
.bx_organizations_fans-invitations-pending .mh-profile-unit-cnt a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .5rem;
  text-align: left;
  max-width: 90%;
  word-break: break-word;
}
.bx_organizations_fans-invitations-pending .mh-profile-unit-cnt .mh-unit-img {
  border-radius: 50%;
  border: 4px solid #7727DD;
}
.bx_organizations_fans-invitations-pending .mh-profile-unit-cnt .mh-unit-img img {
  max-width: unset;
}
.bx_organizations_fans-invitations-pending .mh-profile-unit-cnt .mh-unit-img .mh-profile-unit-thumb {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  line-height: 2rem;
  color: #FAFAFA;
}
.bx_organizations_fans-invitations-pending .bx-db-header {
  border-top: 1px solid #E3E3E3 !important;
}
.bx_organizations_fans-members-table-list {
  font-family: "BrandonGrotesque", sans-serif;
}
.bx_organizations_fans-members-table-list .bx-def-margin-right-bottom {
  margin-top: -1.5rem;
}
.bx_organizations_fans-members-table-list .bx-db-container {
  box-shadow: none !important;
  border: 0;
  border-radius: 0 !important;
  padding: 0.5rem !important;
}
.bx_organizations_fans-members-table-list .bx-db-container .bx-db-header {
  padding: 1rem 0;
  margin: 0 1rem;
}
.bx_organizations_fans-members-table-list .bx-db-container .bx-db-header .bx-db-title {
  color: #7728DD;
  font-size: 18px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
}
.bx_organizations_fans-members-table-list .bx-def-margin-top .bx-paginate {
  justify-content: center;
}
.bx_organizations_fans-members-table-list .bx-content-padding-block {
  padding: 0 1rem;
}
.bx_organizations_fans-members-table-list .bx-search-result-block {
  margin: 0;
}
.bx_organizations_fans-members-table-list .table-container {
  width: 100%;
  color: var(--Color-text-primary, #262626);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  overflow-x: auto;
  display: grid;
  grid-template-rows: repeat(auto-fill, 1fr);
  grid-gap: 5px;
}
.bx_organizations_fans-members-table-list .table-header {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  min-width: 500px;
  color: var(--Color-text-primary, #262626);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
}
.bx_organizations_fans-members-table-list .table-header .cell {
  background: #F0F2F5;
  padding: 4px;
}
.bx_organizations_fans-members-table-list .table-header .cell.actions {
  align-items: center;
  display: flex;
  justify-content: center;
}
.bx_organizations_fans-members-table-list .table-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.bx_organizations_fans-members-table-list .cell {
  padding: 10px;
}
.bx_organizations_fans-members-table-list .cell.actions {
  align-items: center;
  display: flex;
  justify-content: center;
}
.bx_organizations_fans-members-table-list .btn-accept {
  border: 0.5590000000000001px solid var(--Tags-tag-background-active-accent, #9149ee);
  background: var(--Color-surface-primary, #fafafa);
  color: #7728DD;
}
.bx_organizations_fans-members-table-list .btn-delete {
  border: 0.5590000000000001px solid var(--Color-negative-declaration, #ff2929);
  background: var(--Color-surface-primary, #fafafa);
  color: #FF2929;
}
.bx_organizations_fans-members-table-list .btn-set-role {
  border: 0.5590000000000001px solid var(--Tags-module-stroke, #363636);
  background: var(--Color-surface-primary, #fafafa);
  color: #262626;
}
.bx_organizations_fans-members-table-list .btn-set-role i {
  font-size: 13px;
  color: #363636;
  display: none;
}
.bx_organizations_fans-members-table-list .mh-btn {
  border-radius: 10px;
  font-size: 14px;
  font-style: normal;
  font-weight: 420;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  padding: .3rem 0.5rem;
  cursor: pointer;
}
.bx_organizations_fans-members-table-list .mh-btn i {
  margin-right: 4px;
}
.bx_organizations_fans-members-table-list .mh-btn:not(:first-child) {
  margin-left: 5px;
}
.bx_organizations_fans-members-table-list .mh-btn.btn-accept:hover,
.bx_organizations_fans-members-table-list .mh-btn.btn-delete:hover,
.bx_organizations_fans-members-table-list .mh-btn.btn-set-role:hover {
  border: 0.443px solid var(--Color-accent-orange, #ff6600);
  background: var(--Colors-Secondary-secondary-50, #fff0e5);
  color: var(--Color-accent-orange, #ff6600);
}
.bx_organizations_fans-members-table-list .mh-profile-unit-cnt a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .5rem;
  text-align: left;
  max-width: 90%;
  word-break: break-word;
}
.bx_organizations_fans-members-table-list .mh-profile-unit-cnt .mh-unit-img {
  border-radius: 50%;
  border: 4px solid #7727DD;
}
.bx_organizations_fans-members-table-list .mh-profile-unit-cnt .mh-unit-img img {
  max-width: unset;
}
.bx_organizations_fans-members-table-list .mh-profile-unit-cnt .mh-unit-img .mh-profile-unit-thumb {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  line-height: 2rem;
  color: #FAFAFA;
}
.bx_organizations_fans-members-table-list .title-long {
  display: inline;
}
.bx_organizations_fans-members-table-list .title-short {
  display: none;
}
.bx_organizations_fans-members-table-list .bx-db-header {
  border-top: 1px solid #E3E3E3 !important;
}
.bx_organizations_fans-members-table-list .table-header {
  grid-template-columns: repeat(3, 1fr);
}
.bx_organizations_fans-members-table-list .table-row {
  grid-template-columns: repeat(3, 1fr);
}
.bx_organizations_fans-members-table-list .set-role.active {
  text-decoration-line: underline;
}
.bx_organizations_fans-members-table-list .set-role-container {
  position: relative;
  display: inline;
}
.bx_organizations_fans-members-table-list .set-role-container .set-role-dropdown-list.hidden {
  display: none;
}
.bx_organizations_fans-members-table-list .set-role-container .set-role-dropdown-list {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  text-align: left;
  padding: 5px;
  align-items: flex-start;
  gap: 3px;
  border-radius: var(--Spacing-System-radius-sm, 8px);
  border: 0.5px solid var(--Colors-Base-base-black, #000000);
  background: #FFF;
  margin-top: 10px;
  z-index: 999;
}
.bx_organizations_fans-members-table-list .set-role-container .set-role-dropdown-list .set-role-dropdown-list-items {
  width: 100%;
  color: var(--Color-text-primary, #262626);
  font-size: 16px;
  font-style: normal;
  font-weight: 420;
  cursor: pointer;
  padding: .3rem;
}
.bx_organizations_fans-members-table-list .set-role-container .set-role-dropdown-list .set-role-dropdown-list-items i {
  margin-right: .5rem;
}
.bx_organizations_fans-members-table-list .set-role-container .set-role-dropdown-list .set-role-dropdown-list-items:hover {
  border-radius: 4px;
  background: #F0F2F5;
}
.bx_organizations_fans-members-table-list .set-role-container .set-role-dropdown-list .set-role-dropdown-list-items:hover span {
  text-decoration-line: underline;
}
.bx_organizations_fans-members-table-list .role-k span i {
  margin-right: 5px;
}
@media (max-width: 640px) {
  .bx_organizations_fans-pending-request .table-header {
    min-width: 200px;
  }
  .bx_organizations_fans-pending-request .mh-btn span {
    display: none;
  }
  .bx_organizations_fans-pending-request .mh-btn i {
    margin-right: 0;
  }
  .bx_organizations_fans-invitations-pending .table-header {
    min-width: 200px;
  }
  .bx_organizations_fans-invitations-pending .mh-btn span {
    display: none;
  }
  .bx_organizations_fans-invitations-pending .mh-btn i {
    margin-right: 0;
  }
  .bx_organizations_fans-members-table-list .mh-btn span {
    display: none;
  }
  .bx_organizations_fans-members-table-list .mh-btn i {
    margin-right: 0;
    display: inline-flex;
  }
  .bx_organizations_fans-members-table-list .title-long {
    display: none;
  }
  .bx_organizations_fans-members-table-list .title-short {
    display: inline;
  }
}
.bx-media-phone #bx-page-organization-profile-fans {
  padding: 0;
}
.bx-media-phone .bx_organizations_fans-pending-request,
.bx-media-phone .bx_organizations_fans-members-table-list,
.bx-media-phone .bx_organizations_fans-invitations-pending {
  padding: 0;
}
.bx-media-phone .bx_organizations_fans-pending-request .bx-db-container,
.bx-media-phone .bx_organizations_fans-members-table-list .bx-db-container,
.bx-media-phone .bx_organizations_fans-invitations-pending .bx-db-container {
  padding: 0 !important;
}