/**
 *  CSS "skin" for use with a service icons vocabulary.
 */

.field-type-taxonomy-term-reference.field-name-field-front-icon .form-type-select .chosen-container ul.chosen-results li.option-child {
  font-size: 13px;
  height: 32px;
  padding: 0 0 0 32px;
  line-height: 32px;
  background-size : 12px 12px;
  background-repeat: no-repeat;
  background-position: 5px center;
}

.service-icon {
  height: 32px;
  width: 32px;
  display: block;
  background-repeat: no-repeat;
  margin-bottom: 15px;
  background-size: contain;
}


.group-access           { background-image: url(service-icons/access.svg); }
.group-arrow-corner    { background-image: url(service-icons/arrow-corner.svg); }
.group-bag           { background-image: url(service-icons/bag.svg); }
.group-files           { background-image: url(service-icons/files.svg); }
.group-flag          { background-image: url(service-icons/flag.svg); }
.group-folder          { background-image: url(service-icons/folder.svg); }
.group-globe           { background-image: url(service-icons/globe.jpg); }
.group-marker          { background-image: url(service-icons/marker.svg); }
.group-phone           { background-image: url(service-icons/phone.jpg); }
.group-star           { background-image: url(service-icons/star.svg); }