/* *****************************************************************************
*
*  Select
*
* ***************************************************************************** */
.ng-select {
  &.postal-code-search-select {
    .ng-select-container {
      color: $gray-700;
      font-size: $font-size-lg;
      line-height: $line-height-base;
      padding: $input-padding-y-lg $input-padding-x-lg;
      position: absolute;
      top: -3.5rem;
    }

    .ng-input {
      padding: $input-padding-y-lg $input-padding-x-lg;
      top: 0;
    }

    .ng-placeholder {
      opacity: 0.4;
    }

    .ng-clear-wrapper {
      display: none;
    }

    .ng-dropdown-panel {
      top: -1px;
    }

    .ng-dropdown-panel-items {
      background-color: $white;
      border: $border-width solid $black;
      border-radius: 5px;
      color: $gray-700;
      font-size: $font-size-lg;
      line-height: $line-height-base;
    }

    .ng-option {
      padding: $input-padding-y-lg $input-padding-x-lg;
    }

    .ng-option-marked {
      background-color: $gray-100;
    }

    .highlight {
      font-weight: bold;
    }

    .ng-spinner-loader {
      width: 20px;
      height: 20px;
      margin-right: -1px;
    }
  }
}

.postal-code-search-focused {
  border-color: $black;
}