/* CSS Document */

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<style>
.dropbtn {
    background-color: #fff;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #fff;
	
}

#myInput {
    border-box: box-sizing;
    background-image: url('searchicon.html');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: none;
    border-bottom: 3px solid #ddd;
}

#myInput:focus {outline: 3px solid #ddd;}

.dropdown {
    position: relative;
    display: inline-block;
	
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 230px;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 22px 22px;
    text-decoration: none;
    display: block;
	
}

.dropdown a:hover {background-color: #ddd}

.show {display:block;}
</style>