/*---------------------------------------------------------------------------------------------
* 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/style/themecolors";
@import "~@bentley/ui-core/lib/ui-core/text/mixins";

.uifw-popup-message-inputField {
  background-color: $buic-background-control;
  padding: 3px 3px 3px 6px;
  border-radius: 5px;
  color: $buic-text-color;
  margin: 0px;
  transition: all 3s ease;
  display: flex;
  align-items: center;

  .uifw-popup-message-inputField-content {
    min-width: 180px;
    max-width: 360px;
    display: flex;
    justify-content: center;
    flex-direction: column;

    .uifw-popup-message-inputField-primary {
      align-items: center;
      display: flex;
      flex-direction: row;

      >.uifw-popup-message-icon {
        padding-left: 3px;
        padding-right: 3px;

        .icon-status-warning {
          color: $buic-foreground-warning;
        }

        .icon-status-warning {
          color: $buic-foreground-warning;
        }

        .icon-status-error {
          color: $buic-foreground-alert;
        }
      }

      .uifw-popup-message-text {
        color: $buic-foreground-body;
        padding-left: 3px;
        padding-right: 3px;

        .uifw-popup-message-brief {
          @include uicore-text(body);
        }

        .uifw-popup-message-detailed {
          @include uicore-text(small);
        }
      }
    }
  }

  .uifw-popup-message-close {
    display: flex;
    align-items: center;
    color: $buic-foreground-muted;
    cursor: pointer;

    &:active,
    &:hover {
      color: $buic-foreground-activehover;
    }

    &:focus {
      outline: none;
    }

    .icon {
      margin: 0 3px 0 10px;
    }
  }

}