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

.searchandselect .header {
    height: 40px;
    padding: 10px 10px;
}

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

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

.searchandselect .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;
}

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

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

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

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

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

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

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