.searchdropdown {
    cursor: pointer;
    position: relative;
    width: auto;
    border-radius: 5px;
    border-radius: 5px 5px 0px 0px;
}

.searchdropdown .header {
    height: 40px;
    padding: 10px 15px;
}

.searchdropdown .search {
    padding: 5px;
    display: none;
}

.searchdropdown .search .input-group {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
}

.searchdropdown .dropdown {
    border: 1px solid #eff7f5;
    left: 0;
    list-style: outside none none;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 100%;
    margin: 0;
    padding: 0;
    display: none;
    background-color: #FFFFFF;
    z-index: 9; 
    border-radius: 0px 0px 5px 5px;
}

.searchdropdown.active .search {
    display: inherit;
}

.searchdropdown.active .dropdown {
    display: inherit;
    max-height: 250px;
}

.searchdropdown .dropdown li {
    padding: 10px;
    margin-left: 8px;
}

.searchdropdown .dropdown li i {
    color: inherit;
    margin-right: 5px;
    vertical-align: middle;
    float: right;
}

.searchdropdown .dropdown li small {
    margin-right: 10px;
}
        
    /* width */
.searchdropdown .dropdown::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.searchdropdown .dropdown::-webkit-scrollbar-track {
  box-shadow: inset 0 0 20px #ffffff; 
  border-radius: 10px;
}
 
/* Handle */
.searchdropdown .dropdown::-webkit-scrollbar-thumb {
  background: #b2b2b2; 
  border-radius: 10px;
}

/* Handle on hover */
.searchdropdown .dropdown::-webkit-scrollbar-thumb:hover {
  background: #8e8b8b; 
}