.properties-list-component #properties-list-header {
  padding: 0px;
  background-color: #ffffff;
  border-bottom: none;
  margin-bottom: 10px;
}

.properties-list-component,
.properties-list-component .row,
.properties-list-component .col-md-8 {
  height: 100%;
}

.properties-list-component #properties-list-header .header-element {
  padding: 5px 15px;
}

.properties-list-component .properties {
  /* padding: 0px 15px; */
  height: calc(100vh - 240px);
  overflow-y: scroll;
}

.properties-list-component .properties.full-size {
  height: 100%;
  overflow-y: scroll;
}

.properties-list-component .property {
  width: 100%;
  overflow: auto;
  border: 1px solid #2b879e;
  background-color: white;
  margin-bottom: 10px;
  position: relative;
  border-radius: 5px;
  cursor: pointer;
}

.properties-list-component .property.active {
  background-color: #f7f7c9;
  border: 1px solid #6596a2;
}

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

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

.properties-list-component .show-more-items-on-top-message .load-more-button,
.properties-list-component .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;
}

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

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

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