beyond-locations-autocomplete {
  padding-right: 20px;

  md-input-container {
    width: 100%;

    md-select {
      width: 100%;
      max-height: 40px;

      .md-select-value {
        line-height: 36px;
      }
    }

    .md-input {
      height: 40px;
      line-height: 40px;
      padding-top: 6px;
    }
  }

  .layout-row {
    width: 100%;
  }

  .md-chips {
    box-shadow: none;
    border-bottom: 1px solid #CECCCA;
    padding: 0;

    &.md-focused {
      box-shadow: 0 2px #2e98cc;
    }

    .md-chip-input-container {
      margin-top: 4px;

      md-autocomplete {
        height: 26px;
      }

      md-autocomplete-wrap {
        height: 26px;
      }

      &:not(:first-child) {
        margin: 4px 8px 0 0;
      }

    }

    md-chip {
      margin: 2px 10px 3px 0;
      &.md-focused{
        background-color: #e5e5e5;
        color: #58595b;
      }
    }

    .md-input {
      height: 26px;
      line-height: 26px;
    }
  }

  .hint {
    position: absolute;
    bottom: -20px;
  }
}
