@import '../_variables.less';

.pane-iframe-modal {
  iframe {
    height: 100%;
    width: 100%;
    border: 0;
  }

  button.iin-components-button,
  a.iin-components-button {
    min-width: 240px;
    @media @tablet {
      width: 200px;
    }
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  section.modal {
    div.modal-dialog, div.modal-body, div.modal-content {
      height: 100%;
      overflow: hidden;
    }
    .modal-dialog {
      button.close {
        top: 20px !important;
        right: 20px !important;
      }
      width: 90%;
      height: 100%;
      margin: 10px auto;
      padding: 0;
    }

    .modal-body {
      min-height: 100vh ;
    }

    .modal-content {
      height: auto;
      min-height: 100%;
      border-radius: 0;
    }
  }
}