.select {
    display: inline-block;
    width: 100%;
    border: 1px solid #999;
    margin: 1px 0;
}

.select .selected {
    display: flex;
    justify-content: space-between;
    padding: 8px 15px;
}

.select.active .selected .arrow {
    width: 50px;
    background: url("/assets/images/arrow_up.png") no-repeat 70% 50%;
    background-size: 50% 50%;
}

.select .selected .arrow {
    width: 50px;
    background: url("/assets/images/arrow_down.png") no-repeat 70% 50%;
    background-size: 50% 50%;
}

.select ul li,
.select .selected .selected-value {
    width: 365px;
    white-space: nowrap;
    overflow: hidden;
}

.select ul {
    width: 100%;
    border: 1px solid #999;
    display: none;
    position: relative;
    border-bottom: none;
    margin: 1px 0 0 -1px;
    cursor: pointer;
    background-color: #fbfbfb;
    max-height: 175px;
    overflow-y: scroll;
}

.select.active ul {
    display: block;
}

.select ul li {
    width: 100%;
    padding: 8px 0;
    z-index: 2;
    text-indent: 30px;
    word-wrap: break-word;
    border-top: 1px solid #e1e1e1;
}