.fcf-select-wrapper{
  vertical-align: sub;
  @include      control-margin;
}

.fcf-select-container{
  background: #fff;
  border-radius: $border-radius-controls;
  padding: 0px;
  border-spacing: 0px;
  border: $control-border;
  height: $height-control;
  display: inline-table;
  vertical-align: bottom;
}

.fcf-select-input {
  font-size: 1em;
  color: #313131;
  padding: 0px 5px;
  border: 0px;
  background: #ffffff00;
}

.fcf-select-input[readonly]{
  @include noselect;
  cursor: default;
}

.fcf-select-input:focus {
  outline: none;
}

.fcf-select-input-search {
  color: #9c9c9c;
}

.fcf-select-input[disabled]{
  background: linear-gradient(to bottom, #ffffff24 0%, #ffffff 20%, #e8e8e873 80%);
  color: #aaa;
}

.fcf-select-buttons-container{
  white-space: nowrap;
  width: 100%;
}

.fcf-select-button {
    display: inline-block;
    min-width: 28px;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    @include noselect;
    color: #333;
    vertical-align: middle;
}

.fcf-select-button[disabled] {
  color: $disabled-color;
}


.fcf-select-data {
  display: block;
  border: 1px solid #d6d6d6;
  position: absolute;
  background: #fff;
  color: #333;
  text-shadow: 0px 0px 0px #00000000;
  border-radius: $border-radius-controls;
  margin-top: 5px;
  padding: 0.2em;
  line-height: 1.7;
  max-height: calc(0.4em + 10.2em);
  overflow: auto;
  text-align: left;

}

.fcf-select-data-item {
  @include noselect;
}

.fcf-select-data-item.active {
  background: #e9ebf5;
}

.fcf-select-data-item:hover {
  background: #f5f7fd;
}
