.modal.right-side-modal-pf {
  left: initial;

  .modal-dialog {
    margin: $navbar-pf-height 0 0 10px;

    .modal-content {
      height: calc(100vh - #{$navbar-pf-height});
      display: flex;
      flex-direction: column;

      .modal-body {
        flex-grow: 1;
        overflow: hidden auto;
      }
    }
  }

  &.fade:not(.in) .modal-dialog {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(25%, 0, 0);
  }
}

.modal.modeless-pf.shown {
  display: block;
}