/* for header region search and results */
#location-search-2 {
   margin-left: 5%; margin-right: 5%;
   width: 90%;
   height: 2em;
   font-size: 1.2em;
   border-radius: 40px;
   border: 1px solid #70db70;
   padding-left: 1em; padding-right: 1em;
   box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
   /* add location logo */
   background: url('/static/aqar/images/svg/location_svg.svg') no-repeat white;
   background-size: 1em;
   background-position: 0.5em center;
   padding-left: 2em; /* Adjust padding to make space for the SVG */
}
#suggestions-list-2 {
    position: relative;
    z-index: 10000;
    background: white;
    list-style-type: none;
    margin-left: auto; margin-right: auto;
    /border: 1px solid #ccc;
    max-height: 8em;
    overflow-y: auto;
    border-radius: 5px;
}

#suggestions-list-2 li {
    font-size: 1.2em;
    /padding: 0.2em;
    color: #404040;
}


#suggestions-list-2 li:hover {
    background-color: #f0f0f0;
    cursor: pointer;
}

#location_results-2 {
    background: #e6ff99;
    overflow-x: auto;
}

/* ----------------------------------------------------------------------------------------- */
/* for filter region search and results (ad_filter.html) which is part of top_bar_filters.html that is part of region */

#location-search {
   margin-left: 5%; margin-right: 5%;
   width: 90%;
   height: 2em;
   font-size: 1.2em;
   border-radius: 40px;
   border: 1px solid #70db70;
   padding-left: 1em; padding-right: 1em;
   box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
   /* add location logo */
   background: url('/static/aqar/images/svg/location_svg.svg') no-repeat white;
   background-size: 1em;
   background-position: 0.5em center;
   padding-left: 2em; /* Adjust padding to make space for the SVG */
}
#suggestions-list {
    list-style-type: none;
    margin-left: auto; margin-right: auto;
    /border: 1px solid #ccc;
    max-height: 9em;
    overflow-y: auto;
}

#suggestions-list li {
    font-size: 1.2em;
    /padding: 0.2em;
    color: #404040;
}


#suggestions-list li:hover {
    background-color: #f0f0f0;
    cursor: pointer;
}

/* ----------------------------------------------------------------------------------- */
/* for main page location search and it is as the previous ad filter locations */
#suggestions-list-home {
    position: relative;
    z-index: 10000;
    background: white;
    list-style-type: none;
    margin-left: auto; margin-right: auto;
    /border: 1px solid #ccc;
    max-height: 8em;
    overflow-y: auto;
    border-radius: 5px;
}

#suggestions-list-home li {
    font-size: 1.2em;
    /padding: 0.2em;
    color: #404040;
}


#suggestions-list-home li:hover {
    background-color: #f0f0f0;
    cursor: pointer;
}

#location_results-home {
    /background: #e6ff99;
    overflow-x: auto;
}

/* ----------------------------------------------------------------------------------------- */
/* for companies ad filter & it is the same of the previous 2 header location search and ad filter locations */

#location-search-companies {
   margin-left: 5%; margin-right: 5%;
   width: 90%;
   height: 2em;
   font-size: 1.2em;
   border-radius: 40px;
   border: 1px solid #70db70;
   padding-left: 1em; padding-right: 1em;
   box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
   /* add location logo */
   background: url('/static/aqar/images/svg/location_svg.svg') no-repeat white;
   background-size: 1em;
   background-position: 0.5em center;
   padding-left: 2em; /* Adjust padding to make space for the SVG */
}
#suggestions-list-companies {
    list-style-type: none;
    margin-left: auto; margin-right: auto;
    /border: 1px solid #ccc;
    max-height: 9em;
    overflow-y: auto;
}

#suggestions-list-companies li {
    font-size: 1.2em;
    /padding: 0.2em;
    color: #404040;
}


#suggestions-list-companies li:hover {
    background-color: #f0f0f0;
    cursor: pointer;
}
/* -------------------------------------------------------------------------------------------------------------- */