.layoutBody {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.package-table {
  min-width: 24rem;
  max-width: 24rem;
}
.card-interaction {
  display: flex;
  align-items: center;
}
.pck-name {
  display: inline-block;
  max-width: 15rem; /* Set the max width as needed */
  white-space: nowrap; /* Prevent wrapping */
  overflow: hidden; /* Hide the overflowing text */
  text-overflow: ellipsis; /* Add ellipsis (...) when text overflows */
}
.pck-name:hover {
  overflow: visible; /* Allow text to be visible on hover */
  white-space: normal;
  word-wrap: break-word;
}

/* Override Bootstrap Toast positioning */
#toastWrapper {
  top: 20px; /* Adjust the top value to control the distance from the top */
}
.package-row {
  cursor: pointer;
}
.package-row:hover {
  background-color: red; /* Lighter background on hover */
}

#packageDropdown {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; /* Prevent text from wrapping onto a new line */
}

.selected-text {
  overflow: visible;
  text-overflow: ellipsis;
  white-space: break-spaces;
  max-width: 200px;
}
@media (max-width: 991px) {
  .profile-form {
    min-width: 90%;
  }
  .package-table {
    min-width: 18rem;
  }
  .selected-text {
    max-width: 150px;
  }
}