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

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

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

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

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

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

.directory-medium .tile-even {
}

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

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

.directory-medium .tile-item {
	position: static;
	display:inline-block;
/*
	min-width:12.1pc;
	max-width:12.1pc;
*/
	min-width:12.4pc;
	max-width:12.4pc;
	min-height:16pc;
	max-height:16pc;
	overflow: hidden;
	text-align:center;
	vertical-align: top;
	text-overflow: ellipsis;
}

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

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

.directory-medium .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;
}

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

.directory-medium .file-text {
	display:inline-block;
	width:100%;
	height:1.5pc;
	vertical-align: top;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	font-size:100%;
	color:#333;	
	padding-top:0.2pc;
	font-style: italic;
}

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

.directory-medium .file-icon img {
	width:11.5pc;
	height:11.5pc;		
}

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

	.directory-medium .file-data {
		width:12.4pc;
	}

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

	
}