.ui-file-list {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}

/* Listeneintrag
-----------------*/

	.ui-file-list li {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr) auto;
		background-color: #f5f5f5;
		padding: 7px 10px;
		border-radius: 5px;
		margin-bottom: 10px;
		font-size: 16px;
	}

/* Icon
--------*/

	.ui-file-list .file-icon {
		margin-right: 7px;
	}

	.ui-file-list .file-icon img {
		display: block;
		height: 18px;
		width: 18px;
		opacity: 0.7;
		position: relative;
		top: 2px;
	}

/* Löschen-Button
------------------*/

	.ui-file-list .file-delbtn {
		display: block;
		height: 20px;
		width: 20px;
		background-image: url('/project/cafuture/ui/icon/pub/img/black/x.svg');
		background-size: 20px auto;
		background-repeat: no-repeat;
		background-position: center center;
		cursor: pointer;
	}

	.ui-file-list .file-delbtn:hover {
		opacity: 0.7;
	}

/* Ladeanimation
-----------------*/

	.ui-file-list.is-loading {
		min-height: 40px;
		opacity: 0.4;
	}

	.ui-file-list.is-loading:before {
		content: '';
		display: block;
		position: absolute;
		height: 30px;
		width: 30px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-image: url('/project/cafuture/ui/file_list/pub/img/loading.gif');
		background-position: center center;
		background-size: 100% auto;
		background-repeat: no-repeat;
	}