#benefits {
    top: 0;
  }
  
  #register-button {
    margin-left: .5rem;
  }
  
  #login-container {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
  
  #register-container {
    padding-top: 4rem !important;
  }
  
  #password-recovery-form {
    margin-top: 10rem;
    padding-bottom: 30rem;
  }
  
  @media (max-width: 991px) {
    #password-recovery-container {
      padding-top: 30vh !important;
    }
  }

  /* CSS for the domain input field and preview */
  .domain-container {
    position: relative;
  }
  
  #desired-domain {
    width: 100%;
  }
  
  .domain-preview {
    position: absolute;
    right: 10px;
    top: 20%;
    transform: translateY(-5%);
    font-weight: bold;
    white-space: nowrap;
    color: #555;
  }
  
  .email-container {
    position: relative;
  }
  
  #desired-email {
    width: 100%;
  }
  
  .email-preview-user-management {
    position: absolute;
    right: 10px;
    top: 45%;
    transform: translateY(-50%);
    font-weight: bold;
    white-space: nowrap;
    color: #555;
  }
  
  .email-preview-register {
    position: absolute;
    right: 10px;
    top: 45%;
    transform: translateY(-80%);
    font-weight: bold;
    white-space: nowrap;
    color: #555;
  }

  #account-overview-card {
    margin-left: 7rem;
  }
  
  @media (max-width: 991px) {
    #account-overview-card {
      margin-left: 0rem;
    }
  }
  
  #instance-overview-section {
    margin-left: 7rem;
  }
  
  @media (max-width: 991px) {
    #instance-overview-section {
      margin-left: 0rem;
    }
  }
  
  #instance-information-section {
    margin-bottom: -8rem;
  }

@media (max-width: 991px) {
  #manage-users-container {
    padding-top: 5rem;
  }
  #current-users-container {
    padding-top: 5rem;
  }
}

.manage-users-form-container {
  max-width: 98% !important;
}

.current-users-list-container {
  max-width: 100% !important;
}

.list-group-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.list-group-item p {
  margin-bottom: 0;
}

.p-bot-1 {
  padding-bottom: 1rem !important;
}

.p-bot-2 {
  padding-bottom: 2rem !important;
}


#mobile-app-preview-container {
  padding-top: 10rem !important;
}

.mh-20 {
  max-height: 20rem !important;
}

.big-padding-top {
  padding-top: 7rem !important;
}

.big-padding-bottom {
  padding-bottom: 10rem !important;
}

.p-top-1 {
  padding-top: 2rem !important;
}

.account-delete-button {
  opacity: 1 !important;
  display: inline-block !important;
  color: #000000 !important;
}

.account-delete-button:hover {
  color: #555555be !important;
}


/* Add/remove Users list Styling */

.list-group-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.user-name {
  flex: 1;
  min-width: 150px;
}

.user-email {
  flex: 2;
  min-width: 200px;
  text-align: left;
  color: grey;
}

.account-delete-button {
  flex-shrink: 0;
  text-align: center;
}


/* Docs Sidebar styling */

.navbar-nav .nav-link {
  font-size: 1rem;
  padding: 0.5rem 0;
  color: #000;
}

.navbar-nav .nav-link.fw-bold {
  font-weight: bold;
  color: #007bff;
}

.navbar-nav .nav-link:hover {
  color: #0056b3;
}

.docs-nav {
  padding-top: 5.5rem;
}

@media (max-width: 991px) {
  .docs-page-content {
    padding-top: 0rem !important;
  }
}

.btn-p-top {
  margin-top: 2rem !important;
  width: 75%;
}

.shift-right-a-hair {
  translate: 4px !important;
}

a.text-decoration-none-c {
  text-decoration: none !important;
}

a.text-decoration-none-c:hover,
a.text-decoration-none-c:focus {
  text-decoration: none !important;
}

/* Docs Page Styles */

.embed-responsive-custom {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56%; /* 4:3 aspect ratio */
}

.embed-responsive-custom .embed-responsive-item {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

/* Hide stacked layout by default */
#pricingStacked {
  display: none !important;
}

/* Show stacked layout only on small screens */
@media (max-width: 968px) {
  #pricingHorizontal {
    display: none !important;
  }

  #pricingStacked {
    display: flex !important;
    flex-direction: column;
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }

  #comparePlansToggle {
    display: none !important;
  }
  #comparePlans {
    display: none !important;
  }
  .alignMobilePricingText {
    text-align: left;
  }
}

@media (max-width: 775px) {
  #pricingStacked {
    display: flex !important;
    flex-direction: column;
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

@media (max-width: 640px) {
  #pricingStacked {
    display: flex !important;
    flex-direction: column;
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

@media (max-width: 520px) {
  #pricingStacked {
    display: flex !important;
    flex-direction: column;
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}


.toggle-arrow {
  display: inline-block;
  transition: transform 0.15s ease;
}
.toggle-arrow.rotate {
  transform: rotate(-180deg);
}

.no-bullets {
  list-style-type: none;
  padding-left: 0;
  /* text-align: center; */
}

#delete-user-button {
  padding-left: 0px;
  margin-left: 0px;
}

@media (max-width: 809px) {
  #sfj20ajf02ncap0asdf {
    margin-bottom: 1rem;
  }
  }