/* Make the mouse pointer change when over an image (which has the clickable class) */
/* Make the images have a border when the mouse goes over them */
.clickable { cursor: pointer; }
img.clickable { border: 0px solid black; }
img.clickable:hover { outline: 1px solid black; }

/* Left/right click zones over the zoomed comic image, replacing the old <map>/<area> hack */
.modal-nav-zone {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40%;
  cursor: pointer;
}
.modal-nav-left { left: 0; }
.modal-nav-right { right: 0; }

.comic-card .card-header,
.comic-card .card-footer { font-size: 0.9rem; }

.table-hover > tbody > tr span.show-on-hover { display: none; }
.table-hover > tbody > tr:hover span.show-on-hover { display: inline-block; }

.border-dashed { border-style: dashed !important; }
#upload_dropzone.dropzone-active { background-color: rgba(13, 110, 253, 0.08); }