﻿/**For JQuery Auto Complete input box**/
    ul.ui-autocomplete
       {
           background-color:white!important;
           list-style-type:none;
           margin-top:50px;
           /*max-width:350px!important;*/
           max-width:320px!important;
           z-index: 2016;        
           max-height:80%!important;
           padding-left:1px;
           padding-right:1px;
           /*overflow-y:auto!important;*/        
           opacity:0.9!important;
           border:1px solid #4679b0;         
        }     
       ul.ui-autocomplete .ui-menu-item {            
            /*background-color:transparent!important;*/
            background-color:#fdfbf2!important;
            white-space:normal!important;
            /*box-shadow: 0px 1px 1px #888888!important;*/
            /*box-shadow: 1px 1px 1px #888888 inset!important;*/
            margin-bottom:2px;
            margin-top:2px;            
            padding:0px 2px;
            font-size: 14px;
            font-variant: normal;           
            color:navy!important;
            cursor:pointer!important;
           
        }
        ul.ui-autocomplete .ui-menu-item .ui-state-hover {          
            color:red!important;
            font-weight: 600!important;
            font-size:small!important;
        }
     .ui-helper-hidden-accessible { 
         display:none; 
         /* not hints*/
     }
     .ui-autocomplete-input{
         /*color: rgba(50, 50, 50, 0.4);*/
         height:32px!important;
         font-size:14px;        
         box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     }

     /*==========  Mobile First Method  ==========*/

    /* Custom, regular cell phone */ 
    @media only screen and (min-width : 320px) {
      
    }
    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
      
    }
    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
       
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        
    }
   
    


