body{
    margin: 50px;
    background-color: #F9FAFA;
}

.search-select{
    width: 300px;
}

.search-select button, .search-select ul, .search-select input{
    width: 100%;
}

.search-select ul{
    padding: 0;
}

.search-select button{
    text-align: left;
}

.search-select button i{
    float: right;
}

.search-select .dropdown-menu{
    width: 300px;
    background-color: #ffffff;
    border: solid 1px #ced4da;
    color: #000000;
}

.search-select button{
    color: #000000;
    background-color: #ffffff;
    border: solid 1px #ced4da;
    border-radius: 5px;
    padding: 6px 10px;
}

.search-select input{
    padding: 6px 10px;
    background-color: #ffffff;
    color: #000000;
    border: solid 1px #ced4da;
}

.search-select input:focus{
    background-color: #ffffff;
    color: #000000;
    border: solid 1px #adb5bd;
    outline: none;
}