/* @override 
	https://projectfolder.de/modules/dirlist/frontend.css?* */


/*
  CSS definition for DirList - fkom - ProjectFolder Version
*/

/*mit Headerzeilen*/
/*div.dirlist th {
margin-top: 30px;
overflow: hidden;
text-align: left;
font-weight: bold;
cursor: pointer;
	}*/

/*ohne headerzeilen*/
div.dirlist th {
margin-top: 30px;
overflow: hidden;
	visibility: collapse;
	display: none;
	cursor: pointer;
}
	
div.dirlist tr {
	border-style: none;
	background: linear-gradient(to bottom, white 0%, #eeeeee 100%) #ffffff;
}

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

/*linkauszeichnung*/
div.dirlist a {
	color: grey;
	cursor: pointer;
}

/*Typo Scaling reduced*/

@media screen and (max-width: 1680px) {
div.dirlist td { /*breakpoint PX WIDE*/
		font-size: 1.05em;} }

@media screen and (max-width: 1280px) {
div.dirlist td { /*breakpoint PX NORMAL*/
		font-size: 1em;} }
	
@media screen and (max-width: 736px) {
div.dirlist td { /*breakpoint PX MOBILE*/
		font-size: 0.9em;} }

@media screen and (max-width: 480px) {
div.dirlist td { /*breakpoint PX SMALL*/
		font-size: 0.85em;} }


		
div.dirlist th input {

	text-align: left;
	width: 95%;
	margin: 1em 10px 1em 5px;
	background-color: #ffffff;
	color: white!;
	font-size: 0.7em;
}

div.dirlist td.td_file img {
	width: 2em;
	height: auto;
	float: left;
	margin-right: 1em;
}



div.dirlist form {
	height: 1.5em;
}

div.dirlist td {
	background-color: #fff;
	font-size: 1.15em;
	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: 0.9em;
	  border-radius: 8px;
	border: 1px solid silver;
	overflow: hidden;
	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: 670px) {

	div.dirlist th.th_size, div.dirlist td.td_size { visibility: collapse; display: none; } 
	div.dirlist th.th_file, div.dirlist td.td_file { width:66% }
	div.dirlist th.th_date, div.dirlist td.td_date { width:33% }
}


@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.dirlist th.th_file, div.dirlist td.td_file { width:99% }
}