/*
.directory-tile {
	overflow: hidden;
}

.directory-tile-outer {
	padding:2pc;
}

.directory-tile-inner {
	border-radius:0.5pc;
	padding:0.5pc;
	background: #eee;
}
*/

.directory-tile th,
.directory-tile td {
	overflow: hidden;
	text-overflow: clip;
	white-space: normal;
}

.directory-tile th, 
.directory-tile td{
	position: static;
}

.directory-tile td a {
	text-decoration: none;
	text-transform: none;
    color: black;
}

.directory-tile .tile-even {
}

.directory-tile .tile-odd {
	background: #ddd;
}

.directory-tile .tile-group {
	display:inline-block;
}

.directory-tile .tile-item {
	position: static;
	display:inline-block;
/*
	min-width:24pc;
	max-width:24pc;
*/
	min-width:25.95pc;
	max-width:25.95pc;
	min-height:6.5pc;
	max-height:6.5pc;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: top;
	text-overflow: ellipsis;
}

.directory-tile td .tile-item:hover {
    background: skyblue;
}

.directory-tile .file-data {
	display:inline-block;
	padding-left:0.25pc;
/*
	width:17.5pc;
*/
	width:19.45pc;
	height:6pc;
	white-space: normal;
}

.directory-tile .file-name {
	display:inline-block;
	width:100%;
	padding-top:0.25pc;
	vertical-align: top;
	overflow: hidden;
	height:1.5pc;
	text-overflow: ellipsis;
	white-space:nowrap;
	font-style: bold;
}

.directory-tile .file-specs {
	display:inline-block;
	width:100%;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	font-size:80%;
	padding-top:0.15pc;
	height:1.15pc;
	color:#333;	
}

.directory-tile .file-size {
	display:inline-block;
	width:100%;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	font-size:80%;
	height:1pc;
}

.directory-tile .file-text {
	display:inline-block;
	width:100%;
	height:3.35pc;
	vertical-align: top;
	overflow: hidden;
	white-space: normal;
	text-overflow: clip;
	font-size:80%;
	color:#333;
	padding-top:0.2pc;
}

.directory-tile .file-icon {
	display:inline-block;
	width:6pc;
	height:6pc;
	overflow: hidden;
	text-overflow: clip;
	white-space: nowrap;
	vertical-align:top;
}

.directory-tile .file-icon img {
	width:6pc;
	height:6pc;		
}

.directory-tile .file-mime-type {
	font-size:80%;
	color: #353;
	font-style:italic;
	height:1pc;
}

.directory-tile .value-size-approx {
	font-style:italic;
}

.directory-tile .value-size-units {
	display:inline-block;
	font-size:80%; 
	font-style:italic;
	color:#333;
}

.directory-tile .value-file-count, 
.directory-tile .value-dir-count {
	font-style:italic;
}

.directory-tile .value-file-text,  
.directory-tile .value-dir-text, 
.directory-tile .value-file-comma {
 	font-size:80%; 
	font-style:italic;
	color: #333;
}

.directory-tile .tail td {
	display:grid;
	grid-template-columns: max-content auto;
}

.directory-tile .head td {
	display:grid;
	grid-template-columns: max-content auto;
}

.directory-tile .viewer-buttons-outer {
	display:inline-block;
    text-align:right;
}

.directory-tile .viewer-buttons {
	display:inline-block;
    height:1.5pc;
}

.directory-tile .total-summary {
	height:1.25pc;
	padding-left:1.5pc;
	vertical-align:top;
}

.directory-tile .file-thumbnail-tile {
	display:inline-block;
	width:6pc;
	height:6pc;
	overflow: hidden;
	text-overflow: clip;
	white-space: nowrap;
	vertical-align:top;
}

.directory-tile .file-thumbnail-tile img {
	object-fit:contain;
	width:6pc;
	height:6pc;
}



/* IOS/iPhone Landscape 800px */
@media screen and (max-width: 1000px) {

	.directory-tile .tile-item {
		min-width:24pc;
		max-width:24pc;
	}

	.directory-tile .file-data {
		width:17.5pc;
	}
	
}

/* IOS/iPhone 480px */
@media screen and (max-width: 799px) {

	.directory-tile .button-viewer-tile-outer {
		display:inline-block;
		visibility:hidden;
		width:0px;
	}

	.directory-tile .tile-item {
		min-width:26pc;
		max-width:26pc;
	}

	.directory-tile .file-data {
		width:19.5pc;
	}

	.directory-tile .total-summary {
		padding-left:0.1pc;
	}
	
}