/*---------------------------------------------------------------------------------------------
* 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";

.nz-footer-message-layout {
  $padding: 10px;
  $vertical-padding: 5px;

  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;

  > .nz-label {
    grid-row: 1;
    grid-column: 1;
    padding-left: $padding;
    padding-right: $padding;
    padding-top: $vertical-padding;
    padding-bottom: $vertical-padding;
    color: $buic-text-color;
  }

  > .nz-buttons {
    grid-row: 1;
    grid-column: 2;
    grid-column-gap: $padding;
    padding-right: $padding;
    display: grid;
    grid-auto-flow: column;
    align-items: center;

    > * {
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
  }

  > .nz-progress {
    padding: 2px ($padding * 0.5);
    grid-column: 1/ 3;
    grid-row: 1;
    align-self: end;
  }
}