/*the container must be positioned relative:*/ 
.autocomplete {
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  z-index: 99;
  width:100%;
  /*position the autocomplete items to be the same width as the container:*/
  top: 40px;
  left: 0;
  right: 0;
}
.text-ellipsis{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#searchform .input-group input{
  float:left;
  width: calc(100% - 20px);
  padding: 6px 15px;
  border-radius:7px;
  border:2px solid grey;
  margin-bottom:30px;
  font-size:17px;
}
#searchform .input-group .searchbtn{height:30px;position:absolute; top:5px; right:25px; background-color:white; border:none; border-left:2px solid grey;}
#header #searchform .input-group .searchbtn{top:3px;}
#searchform .input-group .searchbtn img{margin-top:3px; cursor:pointer;}

#searchpageinputautocomplete-list{background-color:white; padding:15px; border: 1px solid; width: calc(100% - 52px);}
#searchpageinputautocomplete-list .btn{margin-top:20px;}
.highlight{font-weight:bold; font-style:italic; color: #2e6da4;}
.list-group-item .highlight{ font-style:normal;}
.alert{padding: 10px; background-color:lightgray;}

#search{background:none; width:auto;}
#search #searchpageinputautocomplete-list{width: 100%;}
#searchpageinputautocomplete-list li,#searchpageinputautocomplete-list ul{display:block; float:none;}
.lastgrid #searchform .input-group input{font-size: 14px; margin-bottom:0;}
.mb-3{margin-bottom:2rem;}
.esfacet{padding:10px;}
.esfacet .list-group-item{display:block;}
.shadow .esfacet,.shadow p{
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}
.mobile-show{display:none;}
.mobile-show .esfacet{padding:0;}
.mobile-show .esfacet .card-header{display:none;}
#top .rechterblok h2{margin-bottom:0;}
@media screen and (max-width: 1024px) {
  .mobile-hidden{display:none;}
  .mobile-show{display:block;}
  #search{padding-left:0;}
  #searchform .input-group input{ width: 100%;}
  #searchform .input-group .searchbtn{right:5px; height:30px;}
}
@media screen and (max-width:768px) {
   #searchpageinputautocomplete-list ul li:nth-child(n+4) {
      display:none;
   }
}