.ao-screen {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;

  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  background: #fff;

  > .ao-screen-header,
  > .ao-screen-body,
  > .ao-screen-body-fixed,
  > .ao-screen-footer {
    position: relative;
  }

  > .ao-screen-body {
    flex: 1 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }

  > .ao-screen-body-fixed {
    flex: 1 100%;
    overflow-x: hidden;
    overflow-y: hidden;
  }

  &.ao-screen-relative {
    position: relative;
  }

  &.ao-screen-row {
    flex-direction: row;
    overflow-x: hidden;
    overflow-y: hidden;
  }
}

.ao-screen-dialog {
  //  .mat-dialog-container {
  //    padding: 0;
  //    border-radius: 0;
  //    background: none;
  //  }
  //
  //  .ao-screen {
  //    position: inherit;
  //    top: inherit;
  //    right: inherit;
  //    bottom: inherit;
  //    left: inherit;
  //    height: auto;
  //    max-height: 80vh;
  //  }
  //
  //  @media screen and (max-width: 1023px) {
  //    width: 100% !important;
  //    max-width: 100% !important;
  //
  //    .ao-screen {
  //      height: 100vh;
  //      max-height: 100vh;
  //    }
  //  }
}