.sfpDownloadcenter-download {
	position: relative;
}

.sfpDownloadcenter-thumbnail {
	position: fixed;
	z-index: 1000;
}

.sfpDownloadcenter-spinner {
	background: url('/typo3conf/ext/sfpdownloadcenter/Resources/Public/Images/Preloader.gif') no-repeat 50% 50%;
	min-height: 64px;
}

.sfpDownloadcenter-search-input {

}

.sfpDownloadcenter-search-remove {
	cursor: pointer;
}

.sfpDownloadcenter-filetypeSelection,
.sfpDownloadcenter-categorySelection {
	margin-top: 20px;
}

.sfpDownloadcenter-categorySelection .sfpDownloadcenter-categorySelection-select {
	margin-top: 10px;
}

.sfpDownloadcenter-categorySelection .first {
	margin-top: 0;
}

.sfpDownloadcenter-categorySelection-remove {
	cursor: pointer;
}

.sfpDownloadcenter-filetypeSelection label {
	display: block;
}

.filetype-form-group input[type="checkbox"]{
	margin-left: -18px;
}

.filetype-form-group label{
	margin-left: 20px;

}


.sfpdownloadcenter-list .table .field {
	vertical-align: middle;
}

.sfpdownloadcenter-list .table .header-thumbnail,
.sfpdownloadcenter-list .table .field-thumbnail {
	width: 60px;
}
.sfpdownloadcenter-list .table .field-thumbnail {
	text-align: center;
}
.img-thumbnail-inList {
	padding: 1px;
	max-height: 45px;
}

.sfpdownloadcenter-list .table .header-icon,
.sfpdownloadcenter-list .table .field-icon {
	width: 48px;
}

	.sfpdownloadcenter-list .table .font-icon {
		display: inline-block;
		position: relative;
	}

	.sfpdownloadcenter-list .table .font-icon .glyphicon {
		font-size: 48px;
		line-height: 48px;
		color: #CC0000;
	}

	.sfpdownloadcenter-list .table .font-icon .icon-text {

		font-size: 14px;
		color: #ffffff;
		font-style: normal;
		line-height: 37px;
		text-align: center;
		text-shadow: 0 0 1px rgb(255, 255, 255);

		position: absolute;
		left: 0;
		top: 0;
		padding-top: 11px;
		width: 100%
	}


.sfpdownloadcenter-list .table .header-title,
.sfpdownloadcenter-list .table .field-title {
	width: auto;
	word-break: break-all;
}

.sfpdownloadcenter-list .table .header-size,
.sfpdownloadcenter-list .table .field-size {
	width: 50px;
}

.sfpdownloadcenter-list .table .header-download,
.sfpdownloadcenter-list .table .field-download {
	width: 50px;
}
.sfpdownloadcenter-list .table .field-download {
	text-align: center;
}
.sfpdownloadcenter-list .table .field-download i{
	font-size: 24px;
}

.sfpdownloadcenter-list .table .header-extension,
.sfpdownloadcenter-list .table .field-extension {
	width: 50px;
}
.file-description{
	margin-top: 6px;
}

@media only screen and (max-width: 768px) {

	/* see http://elvery.net/demo/responsive-tables/ for further details */
	/* Force table to not be like tables anymore */
	.sfpdownloadcenter-list table,
	.sfpdownloadcenter-list thead,
	.sfpdownloadcenter-list tbody,
	.sfpdownloadcenter-list th,
	.sfpdownloadcenter-list td,
	.sfpdownloadcenter-list tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.sfpdownloadcenter-list thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.sfpdownloadcenter-list tr {
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}

	.sfpdownloadcenter-list td.field {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 30%;
		white-space: normal;
		text-align: left;
		width: auto !important;
		padding-top: 8px;
	}

	.sfpdownloadcenter-list td.field:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 8px;
		left: 6px;
		width: 25%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}

	/*
	Label the data
	*/
	.sfpdownloadcenter-list td:before {
		content: attr(data-title);
	}

	.sfpdownloadcenter-list td.no-thumbnail {
		display: none;
	}
}