.app-files .detailsView.disappear {
	visibility: hidden;
}

.with-sidebar {
	width: 80%;
}

.app-files .detailsView {
	position: absolute;
	width: 20%;
	top: 44px; /* main header's height */
	right: 0;
	left: auto;
	bottom: 0;
	background-color: white;
	-webkit-transition: margin-right 300ms;
	-moz-transition: margin-right 300ms;
	-o-transition: margin-right 300ms;
	transition: margin-right 300ms;
	overflow-x: hidden;
	overflow-y: auto;
	visibility: visible;
}

.app-files .detailsView {
	background: #eee;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	box-shadow: 0 2px 3px rgba(50, 50, 50, .4);
	display: block;
	z-index: 500;
}

.app-files .detailsView .detailFileInfoContainer {
	min-height: 60px;
	padding: 15px;
}

.app-files .detailsView .detailFileInfoContainer > div {
	clear: both;
}

.app-files .detailsView .mainFileInfoView {
	margin-right: 20px; /* accomodate for close icon */
}

.app-files .detailsView .thumbnail {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 10px;
	background-size: 50px;
}

.app-files .detailsView .ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.app-files .detailsView .fileName {
	font-weight: bold;
	font-size: 17px;
	overflow: hidden;
}

.app-files .detailsView .detailList {
	float: left;
}

.app-files .detailsView .close {
	position: absolute;
	top: 0;
	right: 0;
	margin: 15px;
}