.poster {}
.poster.hide { display: none; }
.posterimg {
  display: block;
  width: 160px;
  height: 160px;
  background: #aaa;
}
.postertitle {
  display: block;
  font-weight: bold;
  padding: 5px 0px 10px 0px;
  font-size: 90%;
}
.posterauthor {
  display: block;
  font-weight: 400;
  font-style: italic;
  font-size: 90%;
}
.posterid {
  display: inline;
  font-weight: 600;
  font-style: normal;
  font-size: 90%;
  padding: 0 .4rem 0 0;
}
.wasparea {
  display: block;
  font-weight: normal;
  color: #1d77b7;
  font-size: 80%;
}
#waspareas .checkbox,
#session .checkbox {
  margin-left: 0.5rem;
}
.center {
  text-align: center;
}
.posteralign {
  align-content: flex-start;
  height: 100%;
}
.minsize {
  min-width: 165px;        
}
.areaalign {
  vertical-align: sub;
  margin-right: 0.1rem;
}
.area1 { color: #d68d75; }
.area2 { color: #ffe39d; }
.area3 { color: #9a9acc; }
.area4 { color: #abc998; }
.areaundefined { color: #c1b7b7; }

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 68px;
  z-index: 9999;
}
@media (min-width: 992px) {
    div.sticky {
      top: 76px;
    }
}
@media (min-width: 1200px) {
    div.sticky {
      top: 78px;
    }
}
#legend {
  margin-left: -15px;
  margin-right: -15px;
  background-color: #1a8cae;
  font-size: 0.875rem;
  color: white;
  box-shadow: 0rem 0.25rem 0.25rem rgba(0,0,0,0.35);
}
#legend .arealabel {
  white-space: nowrap;
}
#legend label {
  margin: 0px;
}
#legend select {
  color: #555555;
}
#legend .form-group {
  margin-bottom: 1rem;
}
#legend #posterfilter {
  flex: 1 1;
  min-width: 50%;
  display: flex;
  padding: 0rem 0.75rem;
}
#legend #filters {
  position: absolute;
  opacity: 0;
  transition: opacity .3s linear;
}
#legend #filters.active {
  position: static;
  opacity: 1;
  transition: opacity .3s linear;
}
.horizontal {
  display: inline-block;
}
.checkitem {
  display: inline-block;
  padding: 5px;
  margin-left: 0rem;
  margin-right: 0.6rem;
  margin-bottom: 0.3rem;
  color: #555555;
}
.checkitem:last-of-type {
  margin-right: 0;
}
.checkitem:hover{
  background-color: #e7e7e7 !important;
}
a#collapsefilters {
  border: none;
  font-size: 0.8rem;
}
.flex-right {
  display: flex;
  flex: 1 1;
  justify-content: flex-end;
  text-align: right;
  flex-wrap: wrap;    
}

div.container.container-lg {
  max-width: 120rem;
}