/*---------------------------------------------------------------------------------------------
* 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/icons/variables";
@import "~@bentley/ui-core/lib/ui-core/inputs/input";
@import "~@bentley/ui-core/lib/ui-core/style/themecolors";
@import "~@bentley/ui-core/lib/ui-core/style/typography";

.uifw-ValidationTextbox {
  @include uicore-font-family;
  position: relative;
  padding: $uicore-unbordered-padding;
  width: 12em;
  height: 1em;

  .ValidationTextbox-input {
    position: absolute;
    @include uicore-inputs-input;
    width: 12em;
    left: 0px;
    top: 0px;
  }

  .ValidationTextbox-invalid {
    border-color: $buic-foreground-alert;
  }

  .ValidationTextbox-invalid:focus {
    border-color: $buic-foreground-alert;
  }

  .ValidationTextbox-icon {
    position: absolute;
    padding: $uicore-bordered-padding;
    width: $uicore-line-height;
    height: $uicore-line-height;
    line-height: $uicore-line-height;
    font-size: $uicore-icons-small;
    cursor: pointer;
    top: 0px;
    right: 0px;
    text-align: center;
    color: $buic-icon-color;

    &:hover {
      color: $buic-foreground-primary;
    }
  }
}