.fluent-modal-title {
  display: flex;
  &.left {
    justify-content: flex-start;
    text-align: left;
  }
  &.center {
    justify-content: center;
    text-align: center;
  }
  &.right {
    justify-content: flex-end;
    text-align: right;
  }
}

.fluent-modal {
  .ms-Dialog-main {
    max-width: 100vw;
    max-height: 100vh;
    border-radius: 10px;
    padding: 50px;
  }


  // &.hideBackdrop {
  //   .ms-Overlay, .root-119 {
  //     background-color: transparent !important;
  //   }
  // }
  &.horizontal-align-left {
    // .ms-Modal {
      justify-content: flex-start !important;
    // }
  }
  
  &.horizontal-align-right {
    // .ms-Modal {
      justify-content: flex-end !important;
    // }
  }
}