select {
  // color: $btn-dropdown-color;
  color: theme-color('default') !important;
  text-align: $btn-dropdown-alignment;
  padding-right: 1rem;
  outline: none;
  appearance: none;
  background-position: calc(100% - #{$chevron-width / 2}) 50%;
  background-repeat: no-repeat;
  background-image: $custom-select-chevron;

  &::-ms-expand {
    display: none;
  }

  &:not([multiple]):not(:hover) {
    // background-color: $select-bg !important;
    // border-color: $select-border-color;
    background-color: white !important;
    border: 1px solid $select-border-color;
  } 
}

.ng-select .ng-select-container {
  box-shadow: none;
  border: 1px solid $select-border-color !important;

  @if $is-sirius {
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
}

@if not $is-sirius {
  .input-group {
    .ng-select .ng-select-container {
      border-color: $gray-var-9;
    }

    .ng-select-wrapper {
      margin-left: -0.0625rem;
    }
  }
}

.ng-placeholder {
  color: $input-placeholder-color !important;
}
ng-select-focused,
.form-check-input:focus,
.form-control:focus {
  color: theme-color("default");
  background-color: #fff;
  border-color: theme-color('blue-var-3');
  outline: 0;
  // box-shadow: 0 0 0 0.2rem rgba(theme-color('primary'),.25) !important;
}

@if $is-sirius {
  .ng-select-opened {
    > .ng-select-container {
      border-color: $select-border-focus-color !important;
      box-shadow: 0 0 0 0.15rem $select-shadow-focus-color !important;
      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
  }

  .ng-arrow-wrapper:hover > .ng-arrow {
    border-top-color:  #666 !important;
  }

  .ng-select-opened {
    .ng-arrow, .ng-arrow-wrapper:hover > .ng-arrow {
      border-color: transparent transparent #666 !important;
    }

    .ng-arrow {
      border-width: 0.1563rem 0.3125rem 0.3125rem;
    }
  }
}
@else {
  .ng-select .ng-select-container {
    background-color: #e5e5e5 !important;
    font-size: 0.8125rem;

    .ng-arrow-wrapper, .ng-arrow {
      width: 1.5625rem !important;
      height: 1.5625rem !important;
    }

    .ng-arrow {
      display: block;
      border: none !important;
      background-position: calc(100% - #{$chevron-width / 2}) 50%;
      background-repeat: no-repeat;
      background-image: $custom-select-chevron;
      top: 0 !important;
    }
    &:hover {
      background-color: #dceef9 !important;
      border-color: #0078d7 !important;
    }
  }

  .ng-select:not(.ng-select-multiple) {
    height: 1.5635rem !important;
    min-height: 1.5635rem !important;

    .ng-select-container {
      height: 1.5625rem !important;
      min-height: 1.5635rem !important;
    }
  }

  .ng-select.ng-select-multiple {
    height: calc(100% - 0.125rem) !important;

    .ng-select-container {
      height: calc(100% - 0.125rem);
      min-height: 1.5635rem !important;

        .ng-value-container {
          padding-top: 0.125rem !important;
          padding-bottom: 0.125rem !important;
            .ng-value {
              margin-bottom: 0.125rem !important;
              margin-top: 0.125rem !important;
            }
        }
    }
  }
}