.custom-select[size="0"], .custom-select:not([size]):not([multiple]) {
  &[size="0"], &:not([size]):not([multiple]) {
    padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-size-0-indicator-padding) $custom-select-padding-y $custom-select-padding-x;
    background: $custom-select-bg $custom-select-size-0-indicator no-repeat right $custom-select-padding-x center;
    background-size: $custom-select-size-0-bg-size !important;
    height: calc(#{$input-height-inner} + #{$input-height-border});
  }
  background-image: $custom-select-size-0-indicator !important;
}

.custom-select {
  background-image: $custom-select-size-0-indicator;
  cursor: pointer;
  &.invalid {
    &.validated {
      border-color: $danger !important;
    }
  }
  &:disabled {
    color: $black !important;
    background-color: $gray-200 !important;
    background-image: none !important;
    cursor: default;
    opacity: 1;
  }
}