﻿input.es-input { padding-right: 20px !important; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA4DIAAIM2AAB5CAAAxgwAADT6AAAgbL5TJ5gAAABGSURBVHjaYvz//z8DOYCJgUzA0tnZidPK8vJyRpw24pLEpwnuVHRFhDQxMDAwMPz//x+OOzo6/iPz8WFGuocqAAAA//8DAD/sORHYg7kaAAAAAElFTkSuQmCC) right center no-repeat; }

input.editable-select {
  padding-right: 20px !important; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA4DIAAIM2AAB5CAAAxgwAADT6AAAgbL5TJ5gAAABGSURBVHjaYvz//z8DOYCJgUzA0tnZidPK8vJyRpw24pLEpwnuVHRFhDQxMDAwMPz//x+OOzo6/iPz8WFGuocqAAAA//8DAD/sORHYg7kaAAAAAElFTkSuQmCC) right center no-repeat; 
  border: 1px solid #CCC;
  padding: 2px 8px 2px 4px;
}
.editable-select-options {
  position: absolute;
  display: none;
  overflow: auto;
  margin: 0;
  padding: 0;
  background: #FFF;
  border: 1px solid #CCC;
  z-index: 10;
}
.editable-select-iframe {
  position: absolute;
  background: #FFF;
  z-index: 9;
  display: none;
}
  .editable-select-options ul {
    margin: 0;
    padding: 0;
    z-index: 10;
    list-style: none;
    list-style-image: none;
  }
    .editable-select-options li {
      cursor: default;
      padding: 2px 4px;
      overflow: hidden; 
      white-space: nowrap; 
      text-overflow: ellipsis;
    }
    .editable-select-options li.selected {
      background: #05af50;
      color:#fff;
    }