/*
  CSS definition for DirList - Flatow version ohne Headerzeile mit DIV in Table  29. Oktober 2024 
*/

/*mit Headerzeilen*/
/*div.dirlist th {
margin-top: 30px;
overflow: hidden;
text-align: left;
font-weight: bold;
cursor: pointer;
	}*/
	
div.dirlist {
	overflow: auto;
}
/*ohne headerzeilen*/
div.dirlist th {
margin-top: 30px;
overflow: hidden;
	visibility: collapse;
	display: none;
	cursor: pointer;
}

div.dirlist th input {

	text-align: left;
	width: 95%;
	margin: 1em 10px 1em 5px;
	margin-right: 10px;
	background-color: #ffffff;
	color: grey!important;
	font-size: 0.85em;
}

div.dirlist td.td_file img {
	width: 2em;
	height: auto;
}

div.icon {
	float: left;
	width: 10%;

}

div.filename {
	float: left;
		width: 85%;
}

div.dirlist tr {
	height: 2em;
}

div.directory > table > tbody > tr:nth-child(2) {
	border-top: #CCC 1px solid;
}

div.dirlist form {
	height: 1.5em;
}

div.dirlist td {
	background-color: #fff;

	border-bottom: #ccc 1px solid;
	padding: 10px;
	vertical-align: top;
	}
div.dirlist {
	font-size: 10pt;
	}

div.dirlist h1 {
	font-size: 13pt;
  font-style: bold;
  }
.prefix {
	padding: 15px 0;
	}
.suffix {
	padding: 30px;
  font-size: 8pt;
  text-align: center;
	}
div.dirlist td.td_size,
div.dirlist th.th_size,
div.dirlist td.td_date,
div.dirlist th.th_date {
	text-align: right;
	}
	
div.dirlist table tbody td.td_date, div.dirlist table tbody td.td_size {
	padding-right: 35px;
}

@media screen and (max-width: 850px) {

	div.dirlist th.th_size, div.dirlist td.td_size { visibility: collapse; display: none; } 
		div.dirlist th { width:99% }
		div.icon {
			margin-right: 0.75em;
		}
			tr td.td_file {
				width: 100%;
		}
		div.filename {
	/*			width: 80%;*/
		}
}


@media screen and (max-width: 580px) {
	
	div.dirlist th.th_size, div.dirlist td.td_size, div.dirlist th.th_date, div.dirlist td.td_date { visibility: collapse; display: none; }
div.icon {
	margin-right: 0.8em;
}


}