/**
  Styles related to pickers, combo boxes, and relation widgets
*/

.onyx-picker-decorator {
  .onyx-button {
    padding: 12px 8px 12px 8px;
    width: 150px;
  }
}
.onyx-picker {
  .onyx-menu-item {
    text-align: left;
    text-overflow: ellipsis;
  }
}
.picker-icon {
  position: absolute;
  right: 0;
  margin: 0 10px 0 2px;
  color: @black;
}
.xv-picker-button {
  text-align: left;

  .picker-content {
    max-width: 100px;
    overflow: hidden;
  }
  &.disabled {
    color: @dim-gray;
  }
}
.xv-picker-label {
  color: @black;
  padding: 20px 8px 8px 8px;
  text-align: right;
  width: 130px;
  &.disabled {
    color: @dim-gray;
  }
}

.xv-combobox-note {
  padding: 14px 3px 8px 3px;
  text-align: left;
}