.c-kd {
  font-family: sans-serif;
  position: relative;

  &__input {
    border: 1px solid #ddd;
    width: 100%;

    &:focus {
      border-color: rgba(242, 130, 0, 0.8);
      outline: 0;
      outline: thin dotted \9;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(242, 130, 0, 0.6);
      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(242, 130, 0, 0.6);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(242, 130, 0, 0.6);
    }
  }

  .u-loading {
    background: url(assets/images/api/kdspinner_small_right.gif) no-repeat right center;
  }

  .u-loading-large {
    background: url(assets/images/api/kdspinner.gif) no-repeat center;
    display: block;
  }

  .u-iconx-inner-text {
    cursor: pointer;
    width: 12px;
    height: 12px;
    background: url(assets/images/api/x_innertext_normal.png);
    float: right;
    margin: -31px 32px 0 0;
  }

  .u-iconx-inner-text-below-selector {
    cursor: pointer;
    width: 12px;
    height: 12px;
    background: url(assets/images/api/x_innertext_normal.png);
    float: right;
    margin: -32px 9px 0 0;
  }

  .u-disabled {
    pointer-events: none;
    opacity: 0.4;
  }

  .u-hidden {
    display: none;
  }

  .u-no-left-margin {
    margin-left: -26px !important;
  }

  .u-input-chicklet-none {
    padding-right: 50px ;
  }

  .c-kd-selected-chicklets {
    float: left;
    font-size: 13px;
    line-height: normal;
    position: relative;
  }

  .c-kd-selected-chicklets--chicklet_none {
    font-size: 13px;
    line-height: normal;
    position: relative;
  }
}