.my-input {
     max-width: 400px;
 }
 
 .searc-input {
     display: flex;
     flex-grow: 1;
     position: relative;
 }
 
 .searc-input .search-textfield {
     width: 100%;
     box-sizing: border-box;
     height: 60px;
     margin-right: 4px;
     border-radius: 0;
     appearance: none;
     border: 1px solid #e0e0e0;
     background-color: #fff;
     padding: 5px 10px;
     font-size: 16px;
     padding-right: 55px;
 }
 
 .searc-input .searchbar-location-buttons-container {
     display: flex;
     align-items: center;
     right: 0;
     top: 0;
     bottom: 0;
     padding-right: 14px;
     position: absolute;
     height: 100%;
 }
 
 .searc-input .searchbar-location-buttons-container .geolocate-button {
     display: flex;
     position: relative;
     top: inherit;
     right: inherit;
     margin-left: 4px;
 }
 
 .gps-icon {
     background-image: url(../img/sprite_bg.svg#gps) !important;
     background-repeat: no-repeat !important;
     background-size: 100% !important;
     width:19px;
     height: 19px;
     display: inline-block;
 }
 
 .searc-input .searchbar-location-buttons-container .delete-location-button {
     position: relative;
     right: inherit;
     top: inherit;
     margin-left: 4px;
     z-index: 55;
     background-color: transparent;
     cursor: pointer;
 }
 
 .delete-icon {
     background-image: url(../img/cancel.svg) !important;
     background-repeat: no-repeat !important;
     background-size: 100% !important;
     width: 14px;
     height: 14px;
     display: inline-block;
 }
 
 .delete-location-button.hide {
     display: none;
 }

 /*inc.search.php search inputs and results styles starts*/
  div.option.query{
        padding: 4px 10px !important;
        font-size: 15px;
        border-top: 1px solid rgba(0, 0, 0, 0.02);
    }
    ul.ui-autocomplete{
        width: 400px !important;
    }
        ul.ui-autocomplete.location-autocomplete-menu{
        box-sizing: border-box;
        border: 1px solid #d9dde3;
        border-radius: 0 0 8px 8px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    }
    ul.ui-autocomplete.location-autocomplete-menu li,
    ul.ui-autocomplete.location-autocomplete-menu li a,
    ul.ui-autocomplete.location-autocomplete-menu li span {
        color: #050505 !important;
        font-family: inherit;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
    }
    ul.ui-autocomplete.location-autocomplete-menu li {
        min-height: 42px;
        padding: 11px 10px 11px 42px !important;
    }
    ul.ui-autocomplete.location-autocomplete-menu li:before {
        border: 2px solid #8e949b;
        border-radius: 50% 50% 50% 0;
        content: '';
        height: 17px;
        left: 14px;
        position: absolute;
        top: 12px;
        transform: rotate(-45deg);
        width: 17px;
    }
    ul.ui-autocomplete.location-autocomplete-menu li:after {
        background: #8e949b;
        border-radius: 50%;
        content: '';
        height: 5px;
        left: 21px;
        position: absolute;
        top: 19px;
        width: 5px;
    }
    ul.ui-autocomplete.location-autocomplete-menu li .jie-location-result-icon {
        display: none;
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-special-icon:before,
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-special-icon:after {
        display: none;
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-special-icon .jie-location-result-icon {
        color: #8e949b;
        display: block;
        font-family: FontAwesome;
        font-size: 16px;
        font-style: normal;
        font-weight: normal;
        left: 14px;
        line-height: 20px;
        position: absolute;
        text-align: center;
        top: 11px;
        width: 20px;
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-hospital .jie-location-result-icon:before {
        content: "\f0f8";
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-airport .jie-location-result-icon:before {
        content: "\f072";
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-railway .jie-location-result-icon:before {
        content: "\f238";
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-school .jie-location-result-icon:before {
        content: "\f19d";
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-park .jie-location-result-icon:before {
        content: "\f1bb";
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-water .jie-location-result-icon:before {
        content: "\f043";
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-terrain .jie-location-result-icon:before {
        content: "\f06c";
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-country .jie-location-result-icon:before {
        content: "\f0ac";
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-region .jie-location-result-icon:before {
        content: "\f279";
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-city-area .jie-location-result-icon:before {
        content: "\f279";
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-district .jie-location-result-icon:before {
        content: "\f278";
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-city .jie-location-result-icon:before {
        content: "\f041";
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-anchor .jie-location-result-icon:before {
        content: "\f13d";
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-port .jie-location-result-icon:before,
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-marina .jie-location-result-icon:before {
        content: "\f21a";
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-beach .jie-location-result-icon:before {
        content: "\f0e9";
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-island .jie-location-result-icon:before {
        content: "\f1cd";
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-mountain .jie-location-result-icon {
        height: 20px;
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-mountain .jie-location-result-icon:before,
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-mountain .jie-location-result-icon:after {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 14px solid #8e949b;
        bottom: 2px;
        content: "";
        left: 1px;
        position: absolute;
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-mountain .jie-location-result-icon:after {
        border-left-width: 5px;
        border-right-width: 5px;
        border-bottom-width: 9px;
        bottom: 2px;
        left: 10px;
    }
    ul.ui-autocomplete.location-autocomplete-menu li.jie-location-icon-building .jie-location-result-icon:before {
        content: "\f1ad";
    }
    ul.ui-autocomplete.location-autocomplete-menu li a {
        display: block;
        overflow: hidden;
        text-decoration: none;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    ul.ui-autocomplete.location-autocomplete-menu li span span {
        font-weight: 700;
    }
    ul.ui-autocomplete.location-autocomplete-menu li b {
        color: inherit;
        font-family: inherit;
        font-weight: 700;
    }
     ul.ui-autocomplete li {
            box-sizing: border-box;
            float: left;
            display: block;
            width: 100%;
            border-top: 1px solid rgba(0, 0, 0, 0.02) !important;
            color: #444;
            padding: 4px 10px !important;
            cursor: pointer;
            position: relative;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-all;
            font-size: 15px;
            border-top: 1px solid rgba(0, 0, 0, 0.02);
        }

        ul.ui-autocomplete li:hover a {
            color: #28c2ba;
            text-decoration: none;
        }

        ul.ui-autocomplete li:hover {
            background: #eeedee;
        }


         
 /*inc.search.php search inputs and results styles ends*/