#fileRelation {
	
}
.filelinks {
	margin: 0 -1em;
	margin-top: 3em;
}
.filelinks li {
	width: 50%;
	padding: 0 1em;
	margin-bottom: 2em;
}
@media only screen and (max-width: 640px){
	.filelinks li {
		width: 100%;
		padding: 0 1em;
		margin-bottom: 1.5em;
	}
}
.filelinks li .cell-wrap {
	width: 100%;
	display: table;
}
.filelinks li .mrk {
	background-image: url(/share/im/mrk_file.svg);
	background-position: left top;
	background-size: auto 2.6em;
	width: 3em;
	height: 2.6em;
	position: relative;
	z-index: 0;
	padding: 0.9em 0.5em;
	display: table-cell;
}
.filelinks li [data-linktype="url"] .mrk {
	background-image: url(/share/im/mrk_network.svg);
	background-size: auto 2.6em;
}
	.filelinks li .mrk::before {
		
	}
	.filelinks li .mrk > i {
		text-align: center;
		position: absolute;
		z-index: 5;
		overflow: hidden;
		white-space: nowrap;
		display: block;
		width: 66%;
		font-size: 10px;
		padding: 0.4em 0.1em;
		color: #fff;
		background-color: #a5a5a5;
		border: solid 1px #fff;
		border-radius: 0.2em;
	}
	.filelinks li [data-filetype="image"] .mrk > i {
		background-color: var(--filetype-image-color);
	}
	.filelinks li [data-filetype="document"] .mrk > i {
		background-color: var(--filetype-document-color);
	}
	.filelinks li [data-filetype="spreadsheet"] .mrk > i {
		background-color: var(--filetype-spreadsheet-color);
	}
	.filelinks li [data-filetype="presentation"] .mrk > i {
		background-color: var(--filetype-presentation-color);
	}
	.filelinks li [data-filetype="video"] .mrk > i {
		background-color: var(--filetype-video-color);
	}
	.filelinks li [data-filetype="audio"] .mrk > i {
		background-color: var(--filetype-audio-color);
	}
.filelinks li .stat-wrap {
	padding-left: 0.3em;
	display: table-cell;
	word-break: break-all;
}
	.filelinks li .stat-wrap .info {
		
	}
		.filelinks li .stat-wrap .title {
			font-size: 100%;
			font-weight: 500;
			line-height: 1.4em;
			display: block;
			margin-top: -0.2em;
			margin-bottom: 0.3em;
		}
		.filelinks li .stat-wrap .filetype {
			font-size: 82%;
			opacity: 0.58;
			margin-right: 0.5em;
		}
		.filelinks li .stat-wrap .bytesize {
			font-size: 90%;
			opacity: 0.7;
		}
.filelinks li .stat-wrap nav {
	margin-top: 0.8em;
	margin-bottom: 0.4em;
}
	.filelinks li .stat-wrap nav a {
		font-size: 90%;
		font-weight: 500;
		line-height: 1em;
		padding-right: 0.5em;
		/* border-right: solid 1px #d9d9d9; */
		padding-left: 1.4em;
		display: inline-block;
		background-position: left center;
		background-size: contain;
		background-repeat: no-repeat;/* margin-right: 0.3em; */
	}
	.filelinks li .stat-wrap nav a:hover {
		color: #777;
	}
	.filelinks li .stat-wrap nav a.view {
		background-image: url(/share/im/mrk_zoom.svg);
	}
	.filelinks li .stat-wrap nav a.dl {
		background-image: url(/share/im/mrk_arrow-down-b.svg);
	}