.dropdown-box-wrapper {
    border: 1px solid lightgrey;
    height: 30px;
    cursor: pointer;
    position: relative;
}

.dropdown-box-text {
    position: absolute;
    padding-top: 2px;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
}

.dropdown-icon {
    position: absolute;
    padding-top: 3px;
}

.filter-wrapper {
    display: none;
    position: absolute;
    border: 1px solid lightgrey;
}

.filter-box {
    margin: 0 !important;
    padding-left: 2px;
}

.filter-results-wrapper {
    overflow: auto;
    background-color: white;
    max-height: 300px;
}

.result.hovered {
    color: white;
    background-color: cornflowerblue;
}

.result:hover {
    cursor: default;
}

.result {
    white-space: normal;
    overflow-wrap: break-word;
    border-bottom: 1px solid lightgrey;
    padding-left: 4px;
}

/* .down-arrow {
width: 0; 
height: 0; 
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 10px solid black;
} */

.down-arrow:before {
    content: "\25BC";
}

.up-arrow:before{
    content: "\25B2";
}