.fdi.wc.multiselect {
  position: relative;
  padding: 0 !important;
  margin: 0 !important;
}
.fdi.wc.multiselect .menu {
  width: 100%;
  padding: 5px;
}
.fdi.wc.multiselect .menu div {
  margin-right: 5px;
  display: inline-block;
  padding: 2px;
  cursor: pointer;
  color: #4e4e4e;
  font-size: 15px;
}
.fdi.wc.multiselect .menu div:hover {
  text-decoration: underline;
}
.fdi.wc.multiselect #optionsContainer {
  position: absolute;
  background: white;
  outline: solid 1px #ccc;
  overflow-y: auto;
}
.fdi.wc.multiselect #optionsContainer .option {
  padding: 0 5px;
}
.fdi.wc.multiselect #optionsContainer .option span {
  width: 100%;
  height: 100%;
}
.fdi.wc.multiselect #optionsContainer .option:hover {
  background: #f3f3f3;
  cursor: pointer;
}
.fdi.wc.multiselect #optionsContainer .option.selected {
  background: #cccccc;
  color: #ececec;
}
.fdi.wc.multiselect #selectedContainer {
  padding: 5px;
  display: flex;
}
.fdi.wc.multiselect #selectedContainer .removeSelected {
  float: left;
  margin: 0 5px;
}
.fdi.wc.multiselect #selectedContainer .removeSelected:hover {
  cursor: pointer;
}
.fdi.wc.multiselect #selectedContainer .selectedContent {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.fdi.wc.multiselect #selectedContainer .selected.list-mode {
  padding: 1px 5px;
}
.fdi.wc.multiselect #selectedContainer .selected.tag-mode {
  max-width: 40%;
  display: inline-flex;
  border: solid 1px;
  border-color: #c78203;
  border-radius: 5px;
  margin: 5px 5px 0 0;
  padding: 2px;
  background: orange;
  color: white;
}