#publications-main {
  background-color: #d8d8d8;
}

#publications-main publication-header-component {
  height: 40px;
  display: block;
}

#publications-main .publications-container {
  width: 100%;
  margin: 0px;
  padding: 15px;
  height: calc(100vh - 50px);
}

#publications-main .publications-map-container {
  height: calc(100vh - 50px);
  width: 100%;
}

#publications-main .publications-container .publications {
  height: 100%;
  overflow-y: scroll;
  padding-right: 5px;
}

#publications-main .publications-container .quick-detail {
  background-color: white;
  height: 100%;
  overflow-y: scroll;
}

#publications-main #publications-list-map {
  height: 100%;
  width: 100%;
}

.overlay .publications {
  height: 100%;
}

#publications-main .publications-container .no-results {
  text-align: center;
  padding: 50px;
  font-size: x-large;
}

#publications-main .publications-container .filters {
  padding-left: 0px;
  padding-right: 5px;
  height: 100%;
  overflow-y: scroll;
}

#publications-main #publications-list-map > .overlay {
  width: 40%;
  height: calc(100% - 90px);
  position: fixed;
  left: 0px;
  top: 90px;
  overflow-y: scroll;
  background-color: rgba(0, 72, 83, 0.48);
  padding: 5px;
  padding-bottom: 20px;
  box-shadow: 10px 0px 20px -2px #242424;
  -webkit-box-shadow: 10px 0px 20px -2px #242424;
  -moz-box-shadow: 10px 0px 20px -2px #242424;
  -o-box-shadow: 10px 0px 20px -2px #242424;
}

#publications-main #publications-list-map .toggle-overlay {
  position: fixed;
  top: 100px;
  right: 20px;
  height: 45px;
  width: 45px;
  background-color: #2b879e;
  border-radius: 50%;
  padding-top: 5px;
  border: 2px solid white;
  box-shadow: 5px 5px 31px 4px #242424;
  -webkit-box-shadow: 5px 5px 31px 4px #242424;
  -moz-box-shadow: 5px 5px 31px 4px #242424;
  -o-box-shadow: 5px 5px 31px 4px #242424;
}

#publications-main #publications-list-map .toggle-overlay img {
  height: 30px;
  margin: auto;
  display: block;
}

#publications-main .publications-container .publications img,
#publications-main #publications-list-map > .overlay img {
  height: 35px;
  vertical-align: middle;
  position: relative;
  top: 0px;
  right: 0px;
}

#publications-main .show-more-properties-on-top-message,
#publications-main .show-more-properties-bottom-message {
  width: 100%;
  height: 70px;
  margin-bottom: 15px;
  overflow: hidden;
}

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

#publications-main .show-more-properties-on-top-message .load-more-button,
#publications-main .show-more-properties-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;
}

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

#publications-main .show-more-properties-on-top-message .load-more-button.loading,
#publications-main .show-more-properties-bottom-message .load-more-button.loading {
  width: 200px;
}