/* =========================================================
   Membership Pro - Group Admin
   Page: /group-admin
   View: Manage Group Members
   File: membership-pro-group-admin.css
   Version: 1.0.0
   ========================================================= */


/* =========================================================
   Group Admin - Page Safety / Layout
   ========================================================= */

body.itemid-993.com-osmembership.view-groupmembers #osm-singup-page,
body.itemid-993.com-osmembership.view-groupmembers #osm-singup-page * {
  box-sizing: border-box !important;
}

body.itemid-993.com-osmembership.view-groupmembers #sp-main-body,
body.itemid-993.com-osmembership.view-groupmembers #sp-main-body .container,
body.itemid-993.com-osmembership.view-groupmembers #sp-main-body .container-inner,
body.itemid-993.com-osmembership.view-groupmembers #sp-main-body .row,
body.itemid-993.com-osmembership.view-groupmembers #sp-main-body .sp-row {
  align-items: flex-start !important;
}

body.itemid-993.com-osmembership.view-groupmembers #sp-main-body,
body.itemid-993.com-osmembership.view-groupmembers #sp-component {
  padding-top: 0 !important;
}

body.itemid-993.com-osmembership.view-groupmembers #sp-component,
body.itemid-993.com-osmembership.view-groupmembers #sp-component > .sp-column {
  align-self: flex-start !important;
  margin-top: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Allow the component column to shrink instead of dropping below the side menu */
body.itemid-993.com-osmembership.view-groupmembers :where(
  main,
  .main,
  #main,
  .content,
  .main-content,
  .page-content,
  .container,
  .container-fluid,
  .row,
  .site-grid,
  #sp-main-body,
  #sp-component
):has(#osm-singup-page) {
  min-width: 0 !important;
}

body.itemid-993.com-osmembership.view-groupmembers :where(
  .row,
  .site-grid,
  #sp-main-body
):has(#osm-singup-page) > * {
  min-width: 0 !important;
}

/* Main Membership Pro wrapper */
body.itemid-993.com-osmembership.view-groupmembers #sp-component #osm-singup-page {
  display: block !important;

  width: 100% !important;
  max-width: 980px !important;
  min-width: 0 !important;

  margin: 24px 0 48px !important;
  padding: 0 22px !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  font-family: Inter, Arial, sans-serif !important;
  color: #37474f !important;
  box-sizing: border-box !important;
}


/* =========================================================
   Group Admin - Main Card
   ========================================================= */

/* Outer group admin container */
body.itemid-993.com-osmembership.view-groupmembers #osm-singup-page > .osm-container.row {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Main white card */
body.itemid-993.com-osmembership.view-groupmembers #osm-singup-page > .osm-container.row > .bg_boxgray {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 0 30px !important;
  padding: 0 !important;

  background: #ffffff !important;
  border: 1px solid #d8e1e7 !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 18px rgba(38, 50, 56, 0.055) !important;

  overflow: hidden !important;
  box-sizing: border-box !important;
}


/* =========================================================
   Group Admin - Heading
   ========================================================= */

body.itemid-993.com-osmembership.view-groupmembers #osm-singup-page > .osm-container.row > .bg_boxgray > .sp_boxtitle {
  display: block !important;

  margin: 0 !important;
  padding: 22px 30px 18px !important;

  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 1px solid #eef2f5 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  color: #37474f !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
  text-transform: none !important;
}


/* =========================================================
   Group Admin - Content Area
   ========================================================= */

body.itemid-993.com-osmembership.view-groupmembers #osm-singup-page > .osm-container.row > .bg_boxgray > .sp_boxcontent {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 24px 30px 30px !important;

  background: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;

  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Inner Joomla/Membership Pro containers */
body.itemid-993.com-osmembership.view-groupmembers #osm-singup-page .sp_boxcontent .osm-container,
body.itemid-993.com-osmembership.view-groupmembers #osm-singup-page .sp_boxcontent .osm-container-j4 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  overflow: visible !important;
  box-sizing: border-box !important;
}


/* =========================================================
   Group Admin - Toolbar Buttons
   ========================================================= */

body.itemid-993.com-osmembership.view-groupmembers #toolbar,
body.itemid-993.com-osmembership.view-groupmembers .btn-toolbar#toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 0 16px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  box-sizing: border-box !important;
}

/* Base toolbar button style */
body.itemid-993.com-osmembership.view-groupmembers #toolbar button,
body.itemid-993.com-osmembership.view-groupmembers #toolbar .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;

  min-height: 36px !important;

  margin: 0 !important;
  padding: 8px 13px !important;

  border-radius: 6px !important;
  box-shadow: none !important;

  color: #ffffff !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;

  cursor: pointer !important;

  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.15s ease !important;
}

/* New button */
body.itemid-993.com-osmembership.view-groupmembers #toolbar #toolbar-new,
body.itemid-993.com-osmembership.view-groupmembers #toolbar .button-new {
  background: #7fc64f !important;
  border: 1px solid #7fc64f !important;
}

body.itemid-993.com-osmembership.view-groupmembers #toolbar #toolbar-new:hover,
body.itemid-993.com-osmembership.view-groupmembers #toolbar .button-new:hover {
  background: #72b845 !important;
  border-color: #72b845 !important;
  transform: translateY(-1px) !important;
}

/* Edit, Invite Members, Export Members */
body.itemid-993.com-osmembership.view-groupmembers #toolbar #toolbar-edit,
body.itemid-993.com-osmembership.view-groupmembers #toolbar #toolbar-mail,
body.itemid-993.com-osmembership.view-groupmembers #toolbar #toolbar-download,
body.itemid-993.com-osmembership.view-groupmembers #toolbar .button-edit,
body.itemid-993.com-osmembership.view-groupmembers #toolbar .button-mail,
body.itemid-993.com-osmembership.view-groupmembers #toolbar .button-download {
  background: #247e99 !important;
  border: 1px solid #247e99 !important;
}

body.itemid-993.com-osmembership.view-groupmembers #toolbar #toolbar-edit:hover,
body.itemid-993.com-osmembership.view-groupmembers #toolbar #toolbar-mail:hover,
body.itemid-993.com-osmembership.view-groupmembers #toolbar #toolbar-download:hover,
body.itemid-993.com-osmembership.view-groupmembers #toolbar .button-edit:hover,
body.itemid-993.com-osmembership.view-groupmembers #toolbar .button-mail:hover,
body.itemid-993.com-osmembership.view-groupmembers #toolbar .button-download:hover {
  background: #1b6f88 !important;
  border-color: #1b6f88 !important;
  transform: translateY(-1px) !important;
}

/* Delete button */
body.itemid-993.com-osmembership.view-groupmembers #toolbar #toolbar-delete,
body.itemid-993.com-osmembership.view-groupmembers #toolbar .button-delete {
  background: #d85f7a !important;
  border: 1px solid #d85f7a !important;
}

body.itemid-993.com-osmembership.view-groupmembers #toolbar #toolbar-delete:hover,
body.itemid-993.com-osmembership.view-groupmembers #toolbar .button-delete:hover {
  background: #c84d68 !important;
  border-color: #c84d68 !important;
  transform: translateY(-1px) !important;
}


/* =========================================================
   Group Admin - Search / Filters
   ========================================================= */

body.itemid-993.com-osmembership.view-groupmembers #adminForm fieldset.filters,
body.itemid-993.com-osmembership.view-groupmembers #adminForm .filters.btn-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 0 18px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  box-sizing: border-box !important;
}

body.itemid-993.com-osmembership.view-groupmembers #adminForm .filter-search,
body.itemid-993.com-osmembership.view-groupmembers #adminForm .btn-group {
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.itemid-993.com-osmembership.view-groupmembers #adminForm #filter_search {
  width: 240px !important;
  max-width: 100% !important;
  min-height: 38px !important;

  margin: 0 !important;
  padding: 8px 12px !important;

  background: #f8fafb !important;
  border: 1px solid #d8e1e7 !important;
  border-radius: 7px !important;
  box-shadow: none !important;

  color: #37474f !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;

  box-sizing: border-box !important;
  transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease !important;
}

body.itemid-993.com-osmembership.view-groupmembers #adminForm #filter_search:focus {
  background: #ffffff !important;
  border-color: #247e99 !important;
  box-shadow: 0 0 0 3px rgba(36, 126, 153, 0.12) !important;
  outline: none !important;
}

/* Search / clear icon buttons */
body.itemid-993.com-osmembership.view-groupmembers #adminForm fieldset.filters .btn-group .btn,
body.itemid-993.com-osmembership.view-groupmembers #adminForm fieldset.filters button.hasTooltip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #ffffff !important;
  border: 1px solid #d8e1e7 !important;
  border-radius: 7px !important;
  box-shadow: none !important;

  color: #247e99 !important;
  font-size: 14px !important;
  line-height: 1 !important;

  cursor: pointer !important;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
}

body.itemid-993.com-osmembership.view-groupmembers #adminForm fieldset.filters .btn-group .btn:hover,
body.itemid-993.com-osmembership.view-groupmembers #adminForm fieldset.filters button.hasTooltip:hover,
body.itemid-993.com-osmembership.view-groupmembers #adminForm fieldset.filters .btn-group .btn:focus,
body.itemid-993.com-osmembership.view-groupmembers #adminForm fieldset.filters button.hasTooltip:focus {
  background: #eef7fa !important;
  border-color: #bfdce5 !important;
  color: #1b6f88 !important;
  outline: none !important;
}


/* =========================================================
   Group Admin - Table Scroll Container
   ========================================================= */

/* This is intentional.
   The table needs to scroll inside the card instead of crushing columns. */
body.itemid-993.com-osmembership.view-groupmembers #adminForm {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;

  box-sizing: border-box !important;
}


/* =========================================================
   Group Admin - Members Table
   ========================================================= */

body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table {
  width: 100% !important;
  min-width: 860px !important;
  max-width: none !important;

  margin: 0 !important;

  background: #ffffff !important;
  border: 1px solid #d8e1e7 !important;
  border-radius: 10px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;

  overflow: hidden !important;
  box-shadow: 0 6px 18px rgba(38, 50, 56, 0.045) !important;

  font-family: Inter, Arial, sans-serif !important;
  table-layout: auto !important;
  box-sizing: border-box !important;
}

/* Table header */
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table thead th,
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table th {
  padding: 14px 16px !important;

  background: #f2f6f8 !important;
  border: 0 !important;
  border-bottom: 1px solid #d8e1e7 !important;
  border-left: 1px solid #e8eef2 !important;

  color: #37474f !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;

  text-align: left !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

/* Header checkbox column */
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table thead th:first-child,
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table th:first-child {
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  border-left: 0 !important;
  text-align: center !important;
  vertical-align: middle !important;
}

/* Table cells */
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table tbody td,
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table td {
  padding: 15px 16px !important;

  background: #ffffff !important;
  border-top: 1px solid #eef2f5 !important;
  border-left: 1px solid #eef2f5 !important;

  color: #37474f !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;

  vertical-align: middle !important;
  box-sizing: border-box !important;

  --bs-table-bg-type: #ffffff !important;
}

/* Body checkbox column */
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table tbody td:first-child,
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table td:first-child {
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  border-left: 0 !important;
  text-align: center !important;
  vertical-align: middle !important;
}

/* Checkbox styling and alignment */
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table th:first-child,
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table td:first-child {
  text-align: center !important;
  vertical-align: middle !important;
}

body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table th:first-child input[type="checkbox"],
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table td:first-child input[type="checkbox"],
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table input.form-check-input[type="checkbox"] {
  display: inline-block !important;

  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;

  margin: 0 !important;
  padding: 0 !important;

  position: relative !important;
  top: 1px !important;
  left: auto !important;
  right: auto !important;

  float: none !important;
  transform: none !important;

  vertical-align: middle !important;
  accent-color: #247e99 !important;
  cursor: pointer !important;
}

/* Zebra striping kept subtle */
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table-striped tbody tr:nth-of-type(odd) td {
  background: #ffffff !important;
  --bs-table-bg-type: #ffffff !important;
}

body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table-striped tbody tr:nth-of-type(even) td {
  background: #fbfcfd !important;
  --bs-table-bg-type: #fbfcfd !important;
}

/* Row hover */
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table-hover tbody tr:hover td {
  background: #f5fafc !important;
  --bs-table-bg-type: #f5fafc !important;
}

/* Plan links */
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table a {
  color: #247e99 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table a:hover,
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table a:focus {
  color: #8ac75b !important;
  text-decoration: underline !important;
}

/* Center alignment cells */
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table .center,
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table th.center,
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table td.center {
  text-align: center !important;
}


/* =========================================================
   Group Admin - Column Widths
   Table column order:
   1 = Checkbox
   2 = Plan
   3 = Username
   4 = First Name
   5 = Last Name
   6 = Membership ID
   7 = Created Date
   ========================================================= */

/* Plan column */
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table th:nth-child(2),
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table td:nth-child(2) {
  min-width: 220px !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Username */
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table th:nth-child(3),
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table td:nth-child(3) {
  min-width: 130px !important;
  white-space: nowrap !important;
}

/* First Name */
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table th:nth-child(4),
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table td:nth-child(4) {
  min-width: 105px !important;
  white-space: nowrap !important;
}

/* Last Name */
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table th:nth-child(5),
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table td:nth-child(5) {
  min-width: 105px !important;
  white-space: nowrap !important;
}

/* Membership ID */
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table th:nth-child(6),
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table td:nth-child(6) {
  min-width: 120px !important;
  white-space: nowrap !important;
}

/* Created Date */
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table th:nth-child(7),
body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table td:nth-child(7) {
  min-width: 135px !important;
  white-space: nowrap !important;
}


/* =========================================================
   Group Admin - Responsive
   ========================================================= */

@media (max-width: 1254px) {
  body.itemid-993.com-osmembership.view-groupmembers #sp-component #osm-singup-page {
    width: 100% !important;
    max-width: 980px !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.itemid-993.com-osmembership.view-groupmembers #osm-singup-page > .osm-container.row > .bg_boxgray {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table {
    min-width: 860px !important;
  }
}

@media (max-width: 991.98px) {
  body.itemid-993.com-osmembership.view-groupmembers #sp-component #osm-singup-page {
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

@media (max-width: 767.98px) {
  body.itemid-993.com-osmembership.view-groupmembers #sp-component #osm-singup-page {
    margin-top: 18px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-bottom: 34px !important;
  }

  body.itemid-993.com-osmembership.view-groupmembers #osm-singup-page > .osm-container.row > .bg_boxgray {
    border-radius: 10px !important;
  }

  body.itemid-993.com-osmembership.view-groupmembers #osm-singup-page > .osm-container.row > .bg_boxgray > .sp_boxtitle {
    padding: 20px 18px 16px !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
  }

  body.itemid-993.com-osmembership.view-groupmembers #osm-singup-page > .osm-container.row > .bg_boxgray > .sp_boxcontent {
    padding: 20px 18px 24px !important;
  }

  body.itemid-993.com-osmembership.view-groupmembers #toolbar,
  body.itemid-993.com-osmembership.view-groupmembers .btn-toolbar#toolbar {
    gap: 7px !important;
    margin-bottom: 15px !important;
  }

  body.itemid-993.com-osmembership.view-groupmembers #toolbar button,
  body.itemid-993.com-osmembership.view-groupmembers #toolbar .btn {
    min-height: 36px !important;
    padding: 8px 11px !important;
    font-size: 12.5px !important;
  }

  body.itemid-993.com-osmembership.view-groupmembers #adminForm fieldset.filters,
  body.itemid-993.com-osmembership.view-groupmembers #adminForm .filters.btn-toolbar {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    margin-bottom: 16px !important;
  }

  body.itemid-993.com-osmembership.view-groupmembers #adminForm .filter-search {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body.itemid-993.com-osmembership.view-groupmembers #adminForm #filter_search {
    width: 100% !important;
    min-height: 38px !important;
    font-size: 14px !important;
  }

  body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table {
    min-width: 860px !important;
  }

  body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table th,
  body.itemid-993.com-osmembership.view-groupmembers #adminForm table.table td {
    padding: 13px 14px !important;
    font-size: 13.5px !important;
  }
}

@media (max-width: 480px) {
  body.itemid-993.com-osmembership.view-groupmembers #sp-component #osm-singup-page {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.itemid-993.com-osmembership.view-groupmembers #osm-singup-page > .osm-container.row > .bg_boxgray > .sp_boxcontent {
    padding: 18px 14px 22px !important;
  }

  body.itemid-993.com-osmembership.view-groupmembers #toolbar button,
  body.itemid-993.com-osmembership.view-groupmembers #toolbar .btn {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 12px !important;
  }
}

/* =========================================================
   Membership Pro - Group Admin
   Page: /group-admin
   View: New Member
   Body: view-groupmember task-add
   ========================================================= */


/* =========================================================
   New Member - Page Safety / Layout
   ========================================================= */

body.itemid-993.com-osmembership.view-groupmember.task-add #osm-singup-page,
body.itemid-993.com-osmembership.view-groupmember.task-add #osm-singup-page *,
body.itemid-993.com-osmembership.view-groupmember.task-add #osm-add-edit-groupmember,
body.itemid-993.com-osmembership.view-groupmember.task-add #osm-add-edit-groupmember * {
  box-sizing: border-box !important;
}

body.itemid-993.com-osmembership.view-groupmember.task-add #sp-main-body,
body.itemid-993.com-osmembership.view-groupmember.task-add #sp-main-body .container,
body.itemid-993.com-osmembership.view-groupmember.task-add #sp-main-body .container-inner,
body.itemid-993.com-osmembership.view-groupmember.task-add #sp-main-body .row,
body.itemid-993.com-osmembership.view-groupmember.task-add #sp-main-body .sp-row {
  align-items: flex-start !important;
}

body.itemid-993.com-osmembership.view-groupmember.task-add #sp-main-body,
body.itemid-993.com-osmembership.view-groupmember.task-add #sp-component {
  padding-top: 0 !important;
}

body.itemid-993.com-osmembership.view-groupmember.task-add #sp-component,
body.itemid-993.com-osmembership.view-groupmember.task-add #sp-component > .sp-column {
  align-self: flex-start !important;
  margin-top: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Allow the form page to shrink properly inside the Helix layout */
body.itemid-993.com-osmembership.view-groupmember.task-add :where(
  main,
  .main,
  #main,
  .content,
  .main-content,
  .page-content,
  .container,
  .container-fluid,
  .row,
  .site-grid,
  #sp-main-body,
  #sp-component
):has(#osm-add-edit-groupmember) {
  min-width: 0 !important;
}

body.itemid-993.com-osmembership.view-groupmember.task-add :where(
  .row,
  .site-grid,
  #sp-main-body
):has(#osm-add-edit-groupmember) > * {
  min-width: 0 !important;
}


/* =========================================================
   New Member - Main Wrapper / Card
   ========================================================= */

body.itemid-993.com-osmembership.view-groupmember.task-add #sp-component #osm-add-edit-groupmember,
body.itemid-993.com-osmembership.view-groupmember.task-add #sp-component #osm-singup-page {
  display: block !important;

  width: 100% !important;
  max-width: 980px !important;
  min-width: 0 !important;

  margin: 24px 0 48px !important;
  padding: 0 22px !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  font-family: Inter, Arial, sans-serif !important;
  color: #37474f !important;
  box-sizing: border-box !important;
}

/* White card */
body.itemid-993.com-osmembership.view-groupmember.task-add #osm-singup-page > .bg_boxgray,
body.itemid-993.com-osmembership.view-groupmember.task-add #osm-add-edit-groupmember > #osm-singup-page > .bg_boxgray,
body.itemid-993.com-osmembership.view-groupmember.task-add #osm-add-edit-groupmember .bg_boxgray {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 0 30px !important;
  padding: 0 !important;

  background: #ffffff !important;
  border: 1px solid #d8e1e7 !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 18px rgba(38, 50, 56, 0.055) !important;

  overflow: hidden !important;
  box-sizing: border-box !important;
}


/* =========================================================
   New Member - Heading
   ========================================================= */

body.itemid-993.com-osmembership.view-groupmember.task-add #osm-singup-page .sp_boxtitle,
body.itemid-993.com-osmembership.view-groupmember.task-add #osm-add-edit-groupmember .sp_boxtitle {
  display: block !important;

  margin: 0 !important;
  padding: 22px 30px 18px !important;

  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 1px solid #eef2f5 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  color: #37474f !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
  text-transform: none !important;
}


/* =========================================================
   New Member - Content Area
   ========================================================= */

body.itemid-993.com-osmembership.view-groupmember.task-add #osm-singup-page .sp_boxcontent,
body.itemid-993.com-osmembership.view-groupmember.task-add #osm-add-edit-groupmember .sp_boxcontent {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 24px 30px 30px !important;

  background: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;

  overflow: visible !important;
  box-sizing: border-box !important;
}


/* =========================================================
   New Member - Toolbar Buttons
   ========================================================= */

body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar,
body.itemid-993.com-osmembership.view-groupmember.task-add .btn-toolbar#toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 0 20px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  box-sizing: border-box !important;
}

/* Base toolbar button style */
body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar button,
body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;

  min-height: 36px !important;

  margin: 0 !important;
  padding: 8px 13px !important;

  border-radius: 6px !important;
  box-shadow: none !important;

  color: #ffffff !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;

  cursor: pointer !important;

  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.15s ease !important;
}

/* Save / Save & Close */
body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar #toolbar-apply,
body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar #toolbar-save,
body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar .button-apply,
body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar .button-save {
  background: #7fc64f !important;
  border: 1px solid #7fc64f !important;
}

body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar #toolbar-apply:hover,
body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar #toolbar-save:hover,
body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar .button-apply:hover,
body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar .button-save:hover {
  background: #72b845 !important;
  border-color: #72b845 !important;
  transform: translateY(-1px) !important;
}

/* Cancel */
body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar #toolbar-cancel,
body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar .button-cancel {
  background: #d85f7a !important;
  border: 1px solid #d85f7a !important;
}

body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar #toolbar-cancel:hover,
body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar .button-cancel:hover {
  background: #c84d68 !important;
  border-color: #c84d68 !important;
  transform: translateY(-1px) !important;
}


/* =========================================================
   New Member - Form
   ========================================================= */

body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Form rows */
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm .row.form-group,
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm .row.form-group.form-row,
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm .form-group.form-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;

  margin: 0 0 16px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  box-sizing: border-box !important;
}

/* Labels */
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm label,
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm .control-label,
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm .form-label {
  margin: 0 0 6px !important;

  color: #37474f !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

/* Form controls */
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm input[type="text"],
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm input[type="email"],
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm input[type="password"],
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm select,
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm textarea,
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm .form-control,
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm .form-select {
  width: 100% !important;
  max-width: 520px !important;
  min-height: 40px !important;

  margin: 0 !important;
  padding: 9px 12px !important;

  background: #f8fafb !important;
  border: 1px solid #d8e1e7 !important;
  border-radius: 7px !important;
  box-shadow: none !important;

  color: #37474f !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;

  box-sizing: border-box !important;
  transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease !important;
}

body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm textarea,
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm #comment {
  min-height: 110px !important;
  resize: vertical !important;
}

body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm input[type="text"]:focus,
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm input[type="email"]:focus,
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm input[type="password"]:focus,
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm select:focus,
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm textarea:focus,
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm .form-control:focus,
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm .form-select:focus {
  background: #ffffff !important;
  border-color: #247e99 !important;
  box-shadow: 0 0 0 3px rgba(36, 126, 153, 0.12) !important;
  outline: none !important;
}

/* Plan text row */
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm .row.form-group.form-row:first-child {
  padding: 14px 16px !important;

  background: #eef7fa !important;
  border: 1px solid #d8e1e7 !important;
  border-radius: 9px !important;

  color: #37474f !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* Radio buttons */
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm input[type="radio"] {
  width: 16px !important;
  height: 16px !important;

  margin: 0 7px 0 0 !important;

  position: relative !important;
  top: 2px !important;

  accent-color: #247e99 !important;
  cursor: pointer !important;
}

/* Radio labels */
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm input[type="radio"] + label,
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm label:has(input[type="radio"]) {
  display: inline-flex !important;
  align-items: center !important;

  margin: 0 18px 0 0 !important;

  color: #37474f !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

/* Required asterisk / validation text */
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm .required,
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm .star {
  color: #d85f7a !important;
}

/* Hidden fields should stay hidden */
body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm input[type="hidden"] {
  display: none !important;
}


/* =========================================================
   New Member - Responsive
   ========================================================= */

@media (max-width: 1254px) {
  body.itemid-993.com-osmembership.view-groupmember.task-add #sp-component #osm-add-edit-groupmember,
  body.itemid-993.com-osmembership.view-groupmember.task-add #sp-component #osm-singup-page {
    width: 100% !important;
    max-width: 980px !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

@media (max-width: 991.98px) {
  body.itemid-993.com-osmembership.view-groupmember.task-add #sp-component #osm-add-edit-groupmember,
  body.itemid-993.com-osmembership.view-groupmember.task-add #sp-component #osm-singup-page {
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm input[type="text"],
  body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm input[type="email"],
  body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm input[type="password"],
  body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm select,
  body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm textarea,
  body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm .form-control,
  body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm .form-select {
    max-width: 100% !important;
  }
}

@media (max-width: 767.98px) {
  body.itemid-993.com-osmembership.view-groupmember.task-add #sp-component #osm-add-edit-groupmember,
  body.itemid-993.com-osmembership.view-groupmember.task-add #sp-component #osm-singup-page {
    margin-top: 18px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-bottom: 34px !important;
  }

  body.itemid-993.com-osmembership.view-groupmember.task-add #osm-singup-page .bg_boxgray,
  body.itemid-993.com-osmembership.view-groupmember.task-add #osm-add-edit-groupmember .bg_boxgray {
    border-radius: 10px !important;
  }

  body.itemid-993.com-osmembership.view-groupmember.task-add #osm-singup-page .sp_boxtitle,
  body.itemid-993.com-osmembership.view-groupmember.task-add #osm-add-edit-groupmember .sp_boxtitle {
    padding: 20px 18px 16px !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
  }

  body.itemid-993.com-osmembership.view-groupmember.task-add #osm-singup-page .sp_boxcontent,
  body.itemid-993.com-osmembership.view-groupmember.task-add #osm-add-edit-groupmember .sp_boxcontent {
    padding: 20px 18px 24px !important;
  }

  body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar,
  body.itemid-993.com-osmembership.view-groupmember.task-add .btn-toolbar#toolbar {
    gap: 7px !important;
    margin-bottom: 18px !important;
  }

  body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar button,
  body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar .btn {
    min-height: 36px !important;
    padding: 8px 11px !important;
    font-size: 12.5px !important;
  }

  body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm .row.form-group,
  body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm .row.form-group.form-row,
  body.itemid-993.com-osmembership.view-groupmember.task-add #adminForm .form-group.form-row {
    margin-bottom: 15px !important;
  }
}

@media (max-width: 480px) {
  body.itemid-993.com-osmembership.view-groupmember.task-add #sp-component #osm-add-edit-groupmember,
  body.itemid-993.com-osmembership.view-groupmember.task-add #sp-component #osm-singup-page {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.itemid-993.com-osmembership.view-groupmember.task-add #osm-singup-page .sp_boxcontent,
  body.itemid-993.com-osmembership.view-groupmember.task-add #osm-add-edit-groupmember .sp_boxcontent {
    padding: 18px 14px 22px !important;
  }

  body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar button,
  body.itemid-993.com-osmembership.view-groupmember.task-add #toolbar .btn {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 12px !important;
  }
}