.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: rgba(255,255,255,.9);
}
.overlay .loader-container {
  margin-top: 25%;
}
.overlay-table{
  display: flex;
  align-items: center;
}
.overlay-table .loader-container {
  margin: 0px auto;
}

.img-preview  {
	max-height: 200px;
	max-width: 200px;
	height: auto;
	width: auto;
}

.img-preview-sm  {
	max-height: 100px;
	max-width: 100px;
}

.img-preview-xs  {
	max-height: 50px;
	max-width: 50px;
}
.card-table .table td, .card-table .table th {
	vertical-align: baseline;
}

.qlink {
	position: relative;
	transition: .15s all ease-in-out;
	/* border: 1px dotted transparent; */
}
.qlink > .qlink-button, .carousel-item > .qlink-button {
	opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    right: 0;
	transition: .15s all ease-in-out;
	background: #6472d0;
	border-color: #eee;
	margin: 5px;
}

.qlink:hover > .qlink-button, .qlink.qlink-block > .qlink-button,
.carousel-item:hover > .qlink-button, .carousel-item.qlink-block > .qlink-button, .carousel:hover > .carousel-inner > .carousel-item > .qlink-button { opacity: 1; }

.processing-page-load {
  overflow: hidden;
  background-color: #FFF;
  width: 100%;
  position: relative;
  text-align: center;
  justify-content: center;
  margin: 0 auto;
  /* pointer-events: none; */

}
.page-loading {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 40%;
  width: 100%;
  text-align: center;
  justify-content: center;
  z-index: 3;
}
.page-loading p {
  letter-spacing: .05ex;
  font-weight: 300;
  color: #676767;
  margin: 10px 0;
}