@import "_colours.scss";
@import "_typography.scss";
@import "_conditionals.scss";
@import "_shims.scss";

.input-list {

  .list-entry {
    vertical-align: middle;
    margin-bottom: 15px;
    position: relative;

    @include ie-lte(7) {
      zoom: 1;
    }
  }

  .list-entry-remove {
    @include core-19;
    display: block;
    margin-bottom: 15px;
    margin-top: 5px;
    position: static;
    overflow: hidden;

    @include media(tablet) {
      @include inline-block;
      margin: 0 0 0 0.6em;
      position: absolute;
      top: 6px; /* height of textbox minus its top-padding */
      left: 100%;
      margin-left: 0.6em;
    }

    @include ie-lte(7) {
      top: auto;
      left: 110%;
    }
  }

  .text-box {
    padding-left: 1.84em;
    width: 100%;
    margin-bottom: 0;

    @include ie-lte(8) {
      width: 95%;
    }

    @include media(desktop) {
      @include inline-block;
    }
  }

  .text-box-number-label {
      float: left;
      @include core-19;
      width: 1.6em;
      margin: 13px -1.6em 0 0;
      position: relative;
      left: 10px;
      color: $secondary-text-colour;
      font-weight: bold;
      pointer-events: none;
    }

  .list-entry-add {
    @include core-19;
    margin: 0 0 20px 0;
  }
}