﻿
   /*AutoComplete flyout */
   
  @media(-webkit-min-device-pixel-ratio:0) {
      .completionCityList{

          font-family: Verdana, Helvetica, sans-serif;
           
            font-weight: normal;
            border: solid 1px #ddd;
            line-height: 18px;
            margin: 0px !important;
            padding: 8px !important;
            background-color: #FFFFFF !important;
            position :absolute;
            width: 220px !important;
            overflow:auto;
            list-style-type : none;
            max-height:200px;
       }
.completionList {
 font-family: Verdana, Helvetica, sans-serif;
           
            font-weight: normal;
            border: solid 1px #ddd;
            line-height: 18px;
            margin: 0px !important;
            padding: 8px !important;
            background-color: #FFFFFF !important;
            position :absolute;
            width: 220px !important;
            overflow:auto;
            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: "Open Sans",sans-serif;
    font-size: 11px;
    padding: 5px 0;

}

.itemHighlighted {
background-color: #FFF;
font-family: Verdana, Helvetica, sans-serif;
font-size: 1.3em;
font-weight:600;
color:#ff5f46;
cursor:pointer;
}/*#088ad5 /*#ff5f46; #C00000;*/
}
       .completionCityList{

            font-family: Verdana, Helvetica, sans-serif;
           
            font-weight: normal;
            border: solid 1px #ddd;
            line-height: 18px;
            margin: 0px !important;
            padding: 8px !important;
            background-color: #FFFFFF !important;
            position :absolute;
            width: 220px !important;
            overflow:auto;
            list-style-type : none;
            border-radius: 2px;   
            z-index:200000 !important;
       } 
      
   
/*.completionList {
border:solid 1px #444444;
margin:0px;
padding:2px;
overflow:auto;
width: 100px;
background-color: #FFFFFF;
}
.completionList1 {
border:solid 1px #444444;
margin:0px;
padding:2px;
height:100px;
overflow:scroll;
width: 100px;
background-color: #FFFFFF;
 list-style-type : none;
}
.listItem {
color: #555;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10pt;
}

.itemHighlighted {
background-color: #B4D6F2;
font-family: Verdana, Helvetica, sans-serif;
font-size: 9pt;
font-weight:bold;
cursor:pointer;
}

.style8
{
width: 80px;
height: 32px;
}
.style9
{
height: 32px;
}*/


.completionList {
 font-family: Verdana, Helvetica, sans-serif;
           
            font-weight: normal;
            border: solid 1px #ddd;
            line-height: 18px;
            margin: 0px !important;
            padding: 8px !important;
            background-color: #FFFFFF !important;
            position :absolute;
            width: 280px !important;
            overflow:auto;
            list-style-type : none;
            border-radius: 2px;   
            z-index:200000 !important;
            
}

.listItem {
border-bottom: 1px solid #cccccc;
    color: #555;
    font-family: "Open Sans",sans-serif;
    font-size: 11px;
    padding: 5px 0;

}

.itemHighlighted {
 background-color: #fff;
    border-bottom: 1px solid #b4b4b4;
    color: #0967be;
    cursor: pointer;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 0;
}