.modal-content.ui-resizable {}

.modal {
  pointer-events: none;
}

.modal-backdrop {
  display: none;
}

.vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  pointer-events: none;
  /* This makes sure that we can still click outside of the modal to close it */
}

.vertical-align-center {
  /* To center vertically */
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
}

.modal-content {
  margin: 0 auto;
  pointer-events: all;
  float: left;
  background-color: #ffffff;
  /*min-width:720px;min-height:405px;*/
}

.textarea-nonresizable {
  height: 10em;
  border-radius: 1em;
  resize: none;
  /* prevents the user-resizing, adjust to taste */
}

video {
  width: 100%;
  height: auto;
}