/*AutoComplete flyout */
   
  @media(-webkit-min-device-pixel-ratio:0) {
    .completionCityList {
        font-family: "Sarabun",sans-serif;
        font-weight: normal;
        border: solid 1px #ddd;
        line-height: 1.7em;
        margin: 0px !important;
        padding: 0;
        /*padding: 8px !important;*/
        background-color: #FFFFFF !important;
        position: absolute;
        /*top:73px !important;*/
        /*width: 220px !important;*/
        overflow: auto;
        list-style-type: none;
        max-height: 200px;
    }
    .completionList {
        font-family: "Sarabun",sans-serif;
        font-weight: normal;
        border: solid 1px #ddd;
        line-height: 1.7em;
        margin: 0px !important;
        padding: 0;
        /*padding: 8px !important;*/
        background-color: #FFFFFF !important;
        position: absolute;
        /*top:auto !important;*/
        display: block;
        /*width: 220px !important;*/
        overflow: auto;
        word-wrap: break-word;
        list-style-type: none;
        max-height: 200px;
    }
/*.completionList1 {
border:solid 1px #444444;
margin:0px;
padding:2px;
height:100px;
overflow:scroll;
width: 100px;
background-color: #FFFFFF;
 list-style-type : none;
}*/
    .listItem {
        border-bottom: 1px solid #cccccc;
        color: #555;
        font-family: "Sarabun",sans-serif;
        font-size: 14px;
        padding: 4px 0;
        position: relative;
        top: auto;
    }

    .itemHighlighted {
        background-color: #FFF;
        font-family: "Sarabun",sans-serif;
        font-size: 1.5em;
        font-weight: 600;
        color: #ff5f46;
        cursor: pointer;
    }
}



.completionCityList {
    font-family: "Sarabun",sans-serif;
    font-weight: normal;
    border: solid 1px #ddd;
    line-height: 1.5em;
    margin: 0px !important;
    padding: 0;
    /*padding: 8px !important;*/
    background-color: #FFFFFF !important;
    position: absolute;
    /*top:73px !important;*/
    /*width: 220px !important;*/
    overflow: auto;
    list-style-type: none;
    border-radius: 2px;
    max-height: 200px;
    z-index: 9999999 !important;
}





.completionList {
    font-family: "Sarabun",sans-serif;
    /*font-weight: normal;*/
    border: solid 1px #ddd;
    line-height: 1.5em;
    margin: 0px !important;
    padding: 0;
    /*padding: 8px 8px 8px 0px !important;*/
    background-color: #FFFFFF !important;
    position: absolute;
    /*top:73px !important;*/
    left: 0px;
    max-height: 200px;
    /*width: 240px !important;*/
    overflow: auto;
    list-style-type: none;
    border-radius: 2px;
    z-index: 9999999 !important;
}

.listItem {
    border-bottom: 1px solid #cccccc;
    color: #555;
    font-family: "Sarabun",sans-serif;
    font-size: 14px;
    padding: 5px;
    display: block;
    line-height: 1.5em;
}

.itemHighlighted {
    background-color: #cacaca;
    border-bottom: 1px solid #b4b4b4;
    /*color: #0967be;*/
    color: #121212;
    cursor: pointer;
    font-family: "Sarabun",sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 5px;
    line-height: 1.5em;
}