ul.dropdown 
    {
        list-style-type:none;
        padding-left:0;
        margin:0;
        overflow-y:auto;
        overflow-x:hide;
        max-height:200px;
        background-color:White;
        border:none 1px #A9A9A9;
        border-top:none;
        border-bottom:none;
        box-shadow:rgba(0,0,0,0.16) 0px 2px 4px 0px;
        
    
      }



    ul.dropdown li 
    {
        padding:10px;
        background-color:White;
        display:block;
    }
     ul.dropdown li:hover
        {
        background-color:#efefef;
        
    }   
    
    .combobutton 
    {
        margin:0;
        position:absolute;
        right:0;
        bottom:0;
        top:0;
        padding:4px;                        
        padding-left:9px;
        padding-right:9px;
        border:solid 1px #A9A9A9;
        z-index:0;
        border-radius:0;
    }
   
.fas fa-caret-down .combobutton:hover
{
      background-color: #2086C6;
}
ul.dropdown li.selected 
{
      background-color: #efefef; /*#2086C6;*/
      /*color:White;*/
}
.combobutton:selected, .combobutton:hover
{
      background-color: #2086C6;
      /*color:White;*/
}


      @media screen and (max-width: 7500px) 
{  
.fas:hover 
{
/*      background-color: inherit;*/
}
    
    .dropdowndiv 
    {
        top:0;
        bottom:0;
        left:0;
        right:0;
        max-height:inherit;
        z-index:99999;
        position:fixed;
        max-width:1024px;
        margin:0 auto;
        /*border: 20px solid rgba(0,0,0,0.3);
        border-top:60px solid rgba(0,0,0,0.3);*/
         background: white;
           -moz-background-clip: border;     /* Firefox 3.6 */
  -webkit-background-clip: border;  /* Safari 4? Chrome 6? */
  background-clip: border-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
				
  -moz-background-clip: padding;     /* Firefox 3.6 */
  -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
  background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
				
  -moz-background-clip: content;     /* Firefox 3.6 */
  -webkit-background-clip: content;  /* Safari 4? Chrome 6? */
  background-clip: content-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

ul.dropdown 
{
    position:absolute;
    max-height:inherit;
    top:56px;
    bottom:0;
    left:0;
    right:0;
    display:block;
    
}

  ul.dropdown li 
    {
        padding:12px;
        border-bottom:solid 1px gray;
    }


 ul.dropdown li:hover
     
    {
        background-color:inherit;
        
    }   
    

}