.owners-container {
  width: 100%;
  margin: 0px;
  padding: 15px;
  height: calc(100vh - 90px);
  overflow: hidden;
}

.owners-container > .owner-data-column {
  height: calc(100vh - 120px);
  overflow-y: scroll;
}

.owners-container .owner-data-column.owners {
  padding-left: 0px;
}

.owners-container .quick-detail {
  background-color: white;
}

/* ---------  show-more-items -------------------------------------------------------*/
.owners-container .show-more-items-on-top-message,
.owners-container .show-more-items-bottom-message {
  width: 100%;
  height: 70px;
  margin-bottom: 15px;
  overflow: hidden;
}

.owners-container .show-more-items-on-top-message .load-more-button span,
.owners-container .show-more-items-bottom-message .load-more-button span {
  margin: 10px 0px;
  display: inline-block;
  vertical-align: middle;
  width: max-content;
}

.owners-container .show-more-items-on-top-message .load-more-button,
.owners-container .show-more-items-bottom-message .load-more-button {
  display: block;
  margin: 15px auto;
  background-color: #7d7d7d;
  color: white;
  width: 160px;
  height: 40px;
  padding: 0px 34px;
  font-weight: bold;
  overflow: hidden;
  cursor: pointer;
  transition-property: width, background-color;
  transition-duration: 0.2s;
  transition-timing-function: linear;
}

.owners-container .show-more-items-on-top-message .load-more-button:hover,
.owners-container .show-more-items-bottom-message .load-more-button:hover {
  background-color: #424242;
}

.owners-container .show-more-items-on-top-message .load-more-button.loading,
.owners-container .show-more-items-bottom-message .load-more-button.loading {
  width: 200px;
}

/* ---------  show-more-items -------------------------------------------------------*/