<!-- Success Message Modal -->
<div class="modal fade" id="successModal" tabindex="-1" aria-labelledby="successModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-sm">
    <div class="modal-content">
      <div class="modal-body text-center py-4">
        <div class="mb-3">
          <div class="circle-success mx-auto">
            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#8de0d2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
              <polyline points="20 6 9 17 4 12"></polyline>
            </svg>
          </div>
        </div>
        <p>The user access is successfully reassigned.</p>
        <button type="button" class="btn btn-primary px-4" data-bs-dismiss="modal">OK</button>
      </div>
    </div>
  </div>
</div>

<!-- CSS for the success icon -->
<style>
  .circle-success {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #8de0d2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
  }
</style>