#simple-filters-block-wrapper .dropdown {
  width: 100%
}

#simple-filters-block-wrapper .dropdown.filter-used,
#simple-filters-block-wrapper .dropdown.hover {
  background: #15385f;
  color: #fefefe
}

#simple-filters-block-wrapper .dropdown.filter-used::after,
#simple-filters-block-wrapper .dropdown.hover::after {
  border-top-color: #fefefe
}

#simple-filters-block-wrapper .dropdown-pane {
  max-width: 100%;
  background: #fefefe;
  width: auto;
  border: 1px solid #15385f;
  padding: 1rem
}

#simple-filters-block-wrapper .dropdown-pane ul {
  margin-bottom: 0
}

#simple-filters-block-wrapper .dropdown-pane.is-open {
  -webkit-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  transform: translateY(1rem)
}

#simple-filters-block-wrapper .dropdown-pane .cell {
  padding-left: 2rem;
  max-height: 400px;
  /* overflow: auto */
}

#simple-filters-block-wrapper .dropdown-pane .cell:first-child {
  border-right: 2px solid #15385f
}

#simple-filters-block-wrapper .results {
  height: 500px;
  overflow: auto;
  border: 1px solid #15385f;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; /* Aligns items to the left */
}

/* Link-only items (25% width) */
 #simple-filters-block-wrapper .link-only {
  text-align: left; /* Aligns text content to the left */
}

/* Link + image items (33% width) */
#simple-filters-block-wrapper .link-image {
  flex: 0 0 31%;
  display: flex;
  align-items: center; /* Ensures image & link are vertically centered */
  justify-content: flex-start; /* Aligns image + link to the left */
}
#simple-filters-block-wrapper .link-flag {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 25%;
}

/* Style images */

#simple-filters-block-wrapper .image {
  width: 60px;
}

.image img {
  max-width: 100px;
  height: auto;
  width: 60px;
  margin: auto;
  display: block;
}

.image img.icon_svg {
  width: 54px;
  margin-left: 3px;
  margin-right: 3px;
}

.filter-popup-list {
  max-height: 300px;
  margin-top: 40px;
  overflow-y: auto;
}

.filter-popup-list li span{
  cursor: pointer;
}
.filter-popup-list li span:hover{
  color: #576e88;
}

.popup-filter .filter-description:focus,
.popup-filter .filter-description:hover,
.popup-filter .filter-description.active {
  background-color: #15385f;
  color: #ffffff;
}

.popup-filter .filter-description {
  border: 1px solid #15385f;
  color: #15385f;
  background-color: transparent;
  width: 100%;
}

.popup-filter button.filter-description::after {
  display: block;
  width: 0;
  height: 0;
  border: inset .4em;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #fefefe transparent transparent;
  position: relative;
  top: .4em;
  display: inline-block;
  float: right;
  margin-left: 1em;
  border-top-color: #15385f;
}

#simple-filters-block-wrapper #filters-wrapper {
  display: flex;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

#simple-filters-block-wrapper #filters-wrapper {
  display: flex;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

#simple-filters-block-wrapper #filters-wrapper .cell button,
#simple-filters-block-wrapper #filters-wrapper .cell input{
  width: 100%;
  /* margin: 0; */
}

.filter-popup-list-complex {
  max-height: 400px;
  margin-top: 40px;
}

.filter-popup-list-complex .cell{
  overflow-y: auto;
}

.filter-popup-list-complex ul li span,
.filter-popup-list ul li span {
  line-height: inherit;
  color: #66809d;
  text-decoration: none;
  cursor: pointer;
}

.filter-popup-list-complex ul li span:focus,
.filter-popup-list-complex ul li span:hover {
    color: #576e88;
}
#simple-filters-block-wrapper #filters-wrapper .cell .filter-popup-list-complex .filter-search-input {
  margin-bottom: 10px;
}

@media print,screen and (min-width: 40em) {
  #simple-filters-block-wrapper .results {
    display:-webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    padding: 1rem 2rem;
  }
}

@media only screen and (max-width: 769px) {
    #simple-filters-block-wrapper .link-image {
   flex: 0 0 100%;
  }
}

@media print,screen and (min-width: 64em) {
  #simple-filters-block-wrapper .results {
    margin-top:2rem
  }

}

#simple-filters-block-wrapper .results a {
  display: block;
  padding: .5rem
}
