/* 
   Styles for the file preview popup.

   ep_preview_*

*/

.ep_preview_container {
	display: inline-flex;
}

.ep_preview {
	position: relative;
	top: 0px;
	left: 0px;

	z-index: 1000;
}

.ep_preview.ep_preview_left {
	order: -1;
}

.ep_preview img {
	display: block;
}

.ep_preview_container .ep_preview > div {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: calc(100% + 12px);
}

.ep_preview.ep_preview_left > div {
	left: auto;
	right: calc(100% + 12px);
}

.ep_preview_container .ep_preview > div {
	border: 1px solid gray;
	box-shadow: rgb(224, 224, 224) 0px 0px 16px 0px;
	background: white;
}

.ep_preview_container:hover .ep_preview > div {
	visibility: visible;
}

.ep_preview_container .ep_preview > div:hover {
	visibility: visible;
}

.ep_preview_title {
	padding: 3px;
	text-align: center;
	border-top: 1px solid #ccc;
}