.modal-dialog {
      width: 100%;
  }

  .modal-dialog-slideout {
      position: fixed;
      margin: 0;
      right: 0;
      top: 0;
      bottom: 0;
      height: 100%;
      transform: translateX(100%);
  }

  .modal.fade .modal-dialog-slideout {
      transition: transform 0.3s ease-out;
  }

  .modal.show .modal-dialog-slideout {
      transform: translateX(0);
  }

  .modal-content {
      border-radius: 0;
      height: 100%;
      /* cela visina */
  }