.autocomplete-dropdown{position:absolute;z-index:1000;background:white;border:1px solid #ddd;list-style:none;padding:0;margin:5px 0;max-height:200px;overflow-y:auto;width:300px}.autocomplete-dropdown li{padding:10px !important;cursor:pointer; font-size: 15px !important;}.autocomplete-dropdown li:hover{background-color:#037e8e21}.autocomplete-loader{display:block;margin:10px auto;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.displayNone{display:none}.autocomplete-input::placeholder{color:black}.autocomplete-input{width:300px !important;color:black !important;}@media(max-width:768px){.autocomplete-input{width:275px !important}.autocomplete-dropdown{width: 275px !important}}.spinner{display:inline-block;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;width:15px;height:15px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.cancelSubmitGlobalSearch:disabled, .cancelSubmitGlobalSearchMobile:disabled {opacity:0.5;cursor:not-allowed;}


#cityMainFilter div:last-of-type {
    font-size: 23px !important;
	font-weight: 600 !important;
}

#cityMainFilterInput{
    background: #f5f5f5;
    color: #037e8e;
    border-radius: 6px;
    padding: 0 12px;
    border: none;
    text-align: center;
    margin-right: 5px;
    font-size: 23px !important;
    font-weight: 600;
    max-width: 330px;
    width: 120px;
	min-width: 120px;
    cursor: pointer;
    text-decoration: underline;
}

input:disabled{
    opacity: 0.5 !important;
    cursor: not-allowed !important;

}


#cityMainFilterInput::selection{
    background: white;
    color: #037e8e;

}

.autocomplete-city-main-filter-ul{
    min-width: 320px !important;
    border-color: #037e8e;
    border-width: 1px;
    font-size: 15px;
    border-radius: 6px;
    transition: all 0.3s ease-in;
    top: 100%;
    margin-right: -27px !important;
}

.autocomplete-city-main-filter-ul::-webkit-scrollbar {
    display: none;
    width: 3px; /* Set a very slim scrollbar width */
}

.autocomplete-city-main-filter-ul::-webkit-scrollbar-thumb {
    background-color: #888; /* Color of the scroll thumb */
    border-radius: 10px; /* Make the thumb rounded */
}

.autocomplete-city-main-filter-ul::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Darken the thumb on hover */
}

.autocomplete-city-main-filter-ul::-webkit-scrollbar-track {
    background: transparent; /* Make the track transparent */
}

.autocomplete-city-main-filter-ul li{
    padding: 5px 10px !important;
    color: black !important;
	font-size: 23px !important;
	text-align: right !important
}

.mobileOnly{
    display: none;
}

#be-wrapper{
		margin-top: 10px;
	}

#changeCityButton{
    font-size: 16px !important;
    background: #037e8e !important;
    margin-right: 10px;
    border-radius: 6px;
    height: 40px;
    text-align: center;
    border: none;
    color: white;
    width: 85px;
    cursor: pointer;
}

@media(max-width:768px){
    #cityMainFilterInput{
        max-width: 220px !important;
        font-size: 23px !important;
    }
    .mobileOnly{
        display: block;
    }
    .autocomplete-city-main-filter-ul{
        margin-right: 0 !important;
        max-width: 90vw !important;
        min-width: 90vw !important;
        ;
    }
    #cityMainFilter div:last-of-type {
        font-size: 23px !important;
    }

    .autocomplete-city-main-filter-ul li{
        font-size: 23px !important;
        padding: 10px 10px !important;

    }
	
}