/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@import "~@bentley/ui-core/lib/ui-core/button/hollow";

.components-result-selector {
  display: flex;
  align-items: center;
  font-size: 12px;

  @include uicore-font-family;
  color: $buic-text-color;
}

.components-result-selector-current-result {
  margin: 0 2px;
  padding-top: 2px;

  input[type="number"]::-webkit-outer-spin-button,
  input[type="number"]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }
  input[type="number"]{
    -moz-appearance:textfield;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    padding: 0px;
    min-width: 2em;
  }
}

.components-result-selector-current-result:hover {
  cursor: pointer;
}

.components-result-selector-button {
  @include uicore-buttons-hollow;
  font-size: 12px;
  height: 20px;
  width: 20px;
  border-style: none;
  color: $buic-foreground-muted;
  margin: 0 4px;
}

.components-result-selector-button:hover {
  background-color: $buic-row-hover; // $uicore-gray-b;
  border-radius: 2px;
}

/* Overriding uicore-buttons-hollow defaults */
.components-result-selector-button,
.components-result-selector-button:active,
.components-result-selector-button:focus,
.components-result-selector-button:disabled,
.components-result-selector-button[disabled]:hover {
  border-style: none;
  padding: 0px;
}

.components-result-selector-button:disabled,
.components-result-selector-button[disabled]:hover {
  background-color: $buic-background-control-disabled; // $uicore-gray-9;
  cursor: default;
}