.dropbtn {
  background-color: #fff;
  color: #777;
  font-family: Arial, sans-serif;
  font-size: 13px;
  border: none;
}

.dropup {
  position: relative;
  display: inline-block;
  width: 260px
}

.dropup-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 260px;
  bottom: 50px;
  z-index: 1;
  border: 1px solid #b5b5b5;
  height: 280px;
  overflow-y: scroll;
  padding-top: 25px;
  padding-left:15px;
}

.dropup-content a {
  color: black;
  text-decoration: none;
  display: block;
  text-align: left;
  padding-right: 10px;
  padding-left:40px;
  transform: translateY(-23px);
}


.dropup:hover .dropup-content {
  display: block;
}

.dropup-content a:hover {color: #616161}

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

#geofilters {
background-color: #FFFFFF;
height:65px;
word-spacing: 0px;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
#geofilters::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}
#geofilters li.active a{border-bottom:3px solid #DD4B39;font-weight:bold;color:#DD4B39}
#geofilters ul{list-style:none;}
#geofilters li{display:inline-block;cursor:pointer;}
#geofilters a{padding:0px 2px 11px 2px;}

#geofilters a {
text-decoration: none;
text-decoration-color: #777;
color: #777;
font-family: arial,sans-serif;
font-size: 12px;
outline : none;
height: 30px;
}
#geofilters a:hover {
text-decoration-color: #005ae0;
color: #005ae0;
}

.filterthree {
    display: inline-block;
    background-size: 25px;
    background-position:5px 5px;
    padding-left:0px;
    margin-left:10px;
    padding-top:11px;
    padding-right:10px;
    padding-bottom:9px;
    text-decoration:none;
text-decoration-color: #777;
color: #777;
font-family: arial,sans-serif;
font-size: 12px;
outline : none;
}
.filterthree:hover{
}

 /* Dropdown Button */
.dropbtn {
    border: none;
    cursor: pointer;
    text-decoration:none;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-contentthree {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 210px;
    width: 210px;
    box-shadow: 0px 8px 16px 0px rgba(168, 168, 168,0.4);
    border: 1px solid #999;
    border-radius: 4px;
	padding-top: 15px;
    padding-left: 5px;
    padding-right: 15px;
    z-index: 5;
	overflow-y: scroll;
	height: 220px;
	bottom:100%;
	text-align: left;
}


/* Links inside the dropdown */
.dropdown-contentthree a {
    color: black;
    padding: 6px 12px;
    text-decoration: none;
    margin-left:2px;
    margin-right:2px;
    margin-top:2px;
    margin-bottom:2px;
    outline: none;
}

/* Change color of dropdown links on hover */
.dropdown-contentthree a:hover {
    }
#checked {
	width: 100%;
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-image: url("search/check.png");
}
#checkedin {
	padding-left:25px;transform: translateY(-23px);
	height: 30px;
}
.down-arrow {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-top: 5px solid #777;
  display: inline-block;
  margin-left: 10px;
  transform: translateY(-2px);
}
.down-arrow:hover {
  border-top: 5px solid #404040;
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;position: absolute;margin-bottom:-80px;}

@-moz-document url-prefix() {
  .filterthree {
    padding-top:10px;
  }
}