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

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

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

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

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

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

.directory-small .tile-even {
}

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

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

.directory-small .tile-item {
	position: static;
	display:inline-block;
/*
	min-width:7.9pc;
	max-width:7.9pc;
*/
	min-width:8.2pc;
	max-width:8.2pc;
	min-height:10.5pc;
	max-height:10.5pc;
	overflow: hidden;
	text-align:center;
	vertical-align: top;
	text-overflow: ellipsis;
}

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

.directory-small .file-data {
	display:inline-block;
/*
	width:7.9;
*/
	width:8.2pc;
	height:2.1pc;
	white-space: normal;
}

.directory-small .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-small .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-small .file-size {
	display:inline-block;
	width:100%;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	font-size:80%;
	height:1pc;
}

.directory-small .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-small .file-icon {
	display:inline-block;
	width:7.5pc;
	height:7.5pc;
	overflow: hidden;
	text-overflow: clip;
	white-space: nowrap;
	vertical-align:top;
}

.directory-small .file-icon img {
	width:7.5pc;
	height:7.5pc;		
}

.directory-small .file-thumbnail-small {
	display:inline-block;
	overflow: hidden;
	width:7.5pc;
	height:7.5pc;		
}

.directory-small .file-thumbnail-small img {
	object-fit:contain;
	width:100%;
	height:100%;
}


.directory-small .file-mime-type {
	font-size:80%;
	color: #353;
	font-style:italic;
}

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

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

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

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

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

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

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

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


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

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

	.directory-small .file-data {
		width:7.9;
	}
	
}

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

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

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

	.directory-small .file-data {
		width:8.2pc;
	}

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