combobox.css

.combobox .form-control {
  padding-right: 48px;
  padding-left: 12px;
}
.combobox .icon {
  right: 25px;
}
.combobox [data-toggle="close"] {
  display: none;
}

.combobox.selected input:hover + [data-toggle="close"],
.combobox.selected input + [data-toggle="close"]:hover,
.combobox.selected:hover [data-toggle="close"],
.combobox.selected input:focus + [data-toggle="close"] {
  display: block;
}
.combobox.selected input:focus {
  color: #999999;
}
.combobox .dropdown-menu {
  right: 0;
  left: inherit;
  width: 100%;
}
.combobox .dropdown-menu > li {
  display: block;
  padding: 4px 16px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
}
.combobox .dropdown-menu > li.selected {
  color: #222;
  text-decoration: none;
  background-color: #eee;
  cursor: pointer;
}
.combobox .dropdown-menu > li.actived {
  background: #f4f4f4;
}
.combobox .dropdown-menu .no-matches,
.combobox .dropdown-menu li.no-matches {
  color: #999999;
}
.combobox .dropdown-menu .no-matches:hover,
.combobox .dropdown-menu li.no-matches:hover,
.combobox .dropdown-menu .no-matches.selected,
.combobox .dropdown-menu li.no-matches.selected {
  color: #999999;
  background-color: #ffffff;
  cursor: text;
}
.combobox:after {
  position: absolute;
  top: 0;
  right: 0px;
  height: 32px;
  width: 24px;
  content: " ";
  background: url(images/icon/selectCaretDown.svg) no-repeat;
  background-position-y: 7px;
  background-position-x: left;
  cursor: pointer;
}
.combobox.disabled:after {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: not-allowed;
}