/* Adapted from openwebwork/pg (PG-2.20)
 * https://github.com/openwebwork/pg/blob/PG-2.20/htdocs/js/ImageView/imageview.scss
 * Licensed under GPL-2.0+ */

.image-view-elt {
  max-width: 100%;
}
.image-view-elt:hover {
  cursor: pointer;
}
.image-view-elt.top {
  vertical-align: text-top;
}
.image-view-elt.middle {
  vertical-align: middle;
}
.image-view-elt.bottom {
  vertical-align: baseline;
}

.image-view-dialog.modal {
  padding: 0 !important;
}
.image-view-dialog .modal-dialog {
  margin: 0;
}
.image-view-dialog .modal-body {
  overflow: unset;
  padding: 8px;
  text-align: center;
  box-sizing: content-box !important;
}
.image-view-dialog .modal-body img {
  max-width: 100%;
  height: 100%;
}
.image-view-dialog .modal-body svg {
  overflow: visible;
}
.image-view-dialog .modal-header {
  padding: 0.1rem 0.5rem;
}
.image-view-dialog .modal-header .drag-handle {
  cursor: pointer;
  width: 100%;
  height: 26px;
  touch-action: none;
}
.image-view-dialog .modal-header .btn {
  padding: 0 0.2rem;
  margin: 0 0.25rem 0 0;
  border: none;
}
.image-view-dialog .modal-header .btn-close {
  padding: 0.25rem;
  margin: -0.5rem 0 -0.5rem auto;
}