.c-kd-item-selected {
  position: relative;
  vertical-align: top;
  display:inline-block;
  text-align: left;
  padding: 0 4px 3px 4px;
  margin-bottom: 8px;
  margin-right: 6px;

  background-color: #BBFAFD;
  line-height: 14px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: 2px 2px 2px rgba(221, 221, 221, 0.25);
  -webkit-box-shadow: 2px 2px 2px rgba(221, 221, 221, 0.25);
  -moz-box-shadow: 2px 2px 2px rgba(221, 221, 221, 0.25);

  span.o-remove {
    width: 12px;
    height: 11px;
    cursor: pointer;
    float: right;
    margin: 2px 0 0 1px;

    border: 0;
    background-image: url(assets/images/api/kduisprite_wmargin.png);

    &--orange, &--orange-darker, &--orange-lighter {
      background-image: url(assets/images/api/kduisprite_wmargin.png);
      background-position: -24px 0;
      width: 12px;
      height: 11px;
    }
  }
  &-text {
    line-height: normal;
    font-weight: 400;
    margin: 0;
    padding: 0;
    cursor: pointer;
    display: inline;

    color: #333333;
    font-size: 11px;
    text-transform: none;
  }

  &__info-button {
    width: 11px;
    height: 11px;
    cursor: pointer;
    float: right;
    margin: 2px 1px 0 3px;

    border: 0;
    background-image: url(assets/images/api/kduisprite.png);
    background-position: 0 -99px;
  }

  &__arrow_up {
    float: left;
    width: 11px;
    height: 11px;
    cursor: pointer;
    margin: 2px 3px 0 0;

    border: 0;
    background-image: url(assets/images/api/kduisprite.png);
    background-position: 0 -33px;
  }

  &__arrow_down {
    float: left;
    width: 11px;
    height: 11px;
    cursor: pointer;
    margin: 2px 3px 0 0;

    border: 0;
    background-image: url(assets/images/api/kduisprite.png);
    background-position: 0 -22px;
  }

  &--orange {
    background-color: #ffe2bd;
  }

  &--orange-darker {
    background-color: #ffc76e;
  }

  &--orange-lighter {
    background-color: #ffede2;
  }

  &__fullwidth {
    display: block;
    float: none;
    margin-right: 15px;
  }
}