/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
 #search-results {
     position: relative;
 }
 .resultat {    
     position: absolute;
     max-width: 500px;
     width: 100%;
     z-index : 1000;
     border: 1px solid;
   padding-left: 0px;
padding-right: 0px;
background-color: #fff;
 }
 .resultat .properties {
     padding: 10px;
 }
 .properties-photo {
     width: 100px; 
     height: auto;
 }
 /* Control hover color in Select2 dropdown */
.select2-results__option--highlighted {
  background-color: #dc3545!important;
  color: #fff !important;
}

.highlighted-option {
  background-color: yellow; /* light green background */
  font-weight: bold;
}

/* If using select2 */
.select2-results__option.highlighted-option {
  background-color: yellow !important;
  font-weight: bold;
}
.p10 {
    padding: 5px;
}

#price-range-slider {
  margin-top: 10px;
}

.ui-slider-range {
  background: #007bff; /* Bootstrap blue */
}

.ui-slider-handle {
  border: 2px solid #007bff;
  background: #fff;
  cursor: grab;
}
.select-wrapper {
  position: relative;
  width: 100%;
}

.reset-select {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #999;
  font-size: 14px;
  cursor: pointer;
  display: none; /* hidden unless something selected */
}

.select-wrapper.has-value .reset-select {
  display: inline;
}