.js-select-pill{
    display: none
}
.select-pills-container{
    display: flex;
    flex-wrap: wrap;
}
.select-pills-container > .select-pill {
    border-radius: 50px;
    padding: 5px 10px;
    margin-bottom: 5px;
    margin-left: 5px;
    border: 1px solid #42477C;
    color: #42477C;
    transition: background-color 300ms;
}

.select-pills-container > .select-pill:hover, .select-pills-container > .select-pill.selected{
    border-color : #42477C !important;
    background: #42477C !important;
    color: #ffffff !important;
    transition: background-color 300ms;
}

.select-pills-container > .select-pill:not(.selected){
    display: none;
}

.select-pill-remove-btn{
    cursor: pointer;
    float: right;
    font-size: 14px;
    margin-top: 3px;
    line-height: 1;
    margin-left: 7px;
    transition: opacity 300ms;
}

.select-pill-remove-btn:hover{
    opacity: 0.75;
    transition: opacity 300ms;
}