.liferay-modal .modal-dialog {
  position: relative;
}
@media (max-width: 768px) {
  .liferay-modal .modal-dialog {
    width: 100%;
  }
}
.liferay-modal .modal-dialog.modal-full-screen {
  position: absolute;
}
.liferay-modal .modal-dialog.modal-full-screen .liferay-modal-body {
  height: 100%;
}
.liferay-modal .modal-dialog.modal-full-screen .liferay-modal-body .lfr-fullscreen-source-editor-content {
  bottom: 0;
  height: auto;
  left: 24px;
  position: absolute;
  right: 24px;
  top: 80px;
}
.liferay-modal .modal-dialog.modal-full-screen .liferay-modal-body .lfr-fullscreen-source-editor-content .source-panel {
  float: left;
}
.liferay-modal .modal-dialog.modal-full-screen .liferay-modal-body .lfr-fullscreen-source-editor-content .source-panel .lfr-source-editor {
  border-bottom-width: 0;
}
.liferay-modal .modal-dialog.modal-full-screen .liferay-modal-body .lfr-fullscreen-source-editor-content .preview-panel {
  float: right;
}
.liferay-modal .modal-dialog .modal-body .loading-animation {
  left: 0;
  margin-bottom: 0;
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}