.medialist_table,
.medialist_table_data {
	border-collapse: collapse;
	margin: 0;
	width:100%;
}

.medialist_table_headrow th{
	background-color:var(--grey-4);
	font-weight: bold;
	padding:0.2rem;
	text-align:left;
}

.medialist_table tr:nth-of-type(odd){
	background-color:var(--grey-5);
}

.medialist_table tr:nth-of-type(even){
	background-color:#FFFFFF;
}

.medialist_table_data td {
	padding: 0.5rem 0rem;
	border:0;
}
.medialist_table_data td a:before {
	content: '';
}

.medialist_table_data td .fa-solid{
	font-size:1rem;
}

.medialist_table_headrow th a{
	word-break: initial;
}

.medialist_table_headrow th.changed_col{
	width: 16%;
}

.medialist_table_headrow th.of_col{
	width: 15%;
}

.medialist_table_headrow th.filesize_col{
	text-align: right;
	width: 13%;
}

.medialist_table_headrow th.info_col{
	padding-left: 0.5rem;
	width:15%;
}

.type_col{
	width:clamp(5%, 10%, 15%);
	text-align: center;
}

.medialist_table_headrow i{
	font-size:0.8rem;
}

/*.medialist_table_data td.type_col,
.medialist_table_data td.title_col,
.medialist_table_data td.changed_col,
.medialist_table_data td.of_col,
.medialist_table_data td.filesize_col {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}*/
.medialist_table_data td.filesize_col {
	text-align: right;
}
.medialist_table_data td.info_col {
	vertical-align: top;
	padding-left: 0.5rem;
}
.medialist_table_data td.info_col p {
	margin: 0;
}


/*** END column styling ***/
	
#medialist_search {
	display: flex;
	flex-wrap: wrap;
	width: 70%;
}
#medialist_search div {
	padding: 0 0 0.25rem 0;
}	
#medialist_search div:nth-child(odd) {
	flex: 1 0 32%;
}
#medialist_search div:nth-child(even) {
	flex: 3 0 65%;
}
#medialist_search input,
#medialist_search select {
	padding: 0;
	width: 100%;
}	

#medialist_search input[type=submit] {
	width: 80%;
	margin: 0.25rem 0 0.25rem 0;
}	

.medialist_add {
	text-align: right;
	margin: 0 0 0.3rem 0;
}
.medialist_add p {
	margin: 0;

	
}
.medialist_path {
	margin: 0 0 1rem 0;
	display:grid;
}


.fa-folder-open{color:#F7B036;}
.fa-folder-closed{color:#F7B036;}
.fa-file-zipper{color:#F7B036;}
.fa-file-pdf{color:#B30C00;}
.fa-file-word{color:#1E61BB;}
.fa-file-excel{color:#11854A;}
.fa-file-powerpoint{color:#C54624;}

.medialist_path .medialist_path_item:nth-child(2) {margin-left: 0.5rem;}
.medialist_path .medialist_path_item:nth-child(3) {margin-left: 1rem;}
.medialist_path .medialist_path_item:nth-child(4) {margin-left: 1.5rem;}
.medialist_path .medialist_path_item:nth-child(5) {margin-left: 2rem;}
.medialist_path .medialist_path_item:nth-child(6)  { margin-left: 2.5rem; }
.medialist_path .medialist_path_item:nth-child(7)  { margin-left: 3rem; }
.medialist_path .medialist_path_item:nth-child(8)  { margin-left: 3.5rem; }
.medialist_path .medialist_path_item:nth-child(9)  { margin-left: 4rem; }
.medialist_path .medialist_path_item:nth-child(10) { margin-left: 4.5rem; }
.medialist_path .medialist_path_item:nth-child(11) { margin-left: 5rem; }
.medialist_path .medialist_path_item:nth-child(12) { margin-left: 5.5rem; }
.medialist_path .medialist_path_item:nth-child(13) { margin-left: 6rem; }
.medialist_path .medialist_path_item:nth-child(14) { margin-left: 6.5rem; }
.medialist_path .medialist_path_item:nth-child(15) { margin-left: 7rem; }
.medialist_path .medialist_path_item:nth-child(16) { margin-left: 7.5rem; }
.medialist_path .medialist_path_item:nth-child(17) { margin-left: 8rem; }
.medialist_path .medialist_path_item:nth-child(18) { margin-left: 8.5rem; }
.medialist_path .medialist_path_item:nth-child(19) { margin-left: 9rem; }
.medialist_path .medialist_path_item:nth-child(20) { margin-left: 9.5rem; }
.medialist_path .medialist_path_item:nth-child(21) { margin-left: 10rem; }
.medialist_path .medialist_path_item:nth-child(22) { margin-left: 10.5rem; }
.medialist_path .medialist_path_item:nth-child(23) { margin-left: 11rem; }
.medialist_path .medialist_path_item:nth-child(24) { margin-left: 11.5rem; }
.medialist_path .medialist_path_item:nth-child(25) { margin-left: 12rem; }
.medialist_path .medialist_path_item:nth-child(n+26) { margin-left: 12rem; }

.medialist_path_item a{
	padding: 0 0.3rem;
}

.medialist_path_item a:hover,
.medialist_path_item a:focus,
.medialist_path_item a:active {
	background-color:var(--main-color);
	color:#fff;
}
/*** media queries ***/

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

#medialist_search {
	width: 80%;
}

}

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

.medialist_table,
.medialist_table tbody,
.medialist_table tr,
.medialist_table td {
	display:block;
}

.medialist_table_headrow th {
	position: absolute;
	left: -9999px;
	top:-9999px;
}

.medialist_table_data {
	padding: 0.25rem 0;
}

.medialist_table_data td {
	border:none;
	position:relative;
	padding: 0.2rem 0 0 25%;
}

.medialist_table_data td.filesize_col {
	text-align: left;
}

.medialist_category td.filesize_col {
	display: none;
}

.medialist_table_data td.info_col {
	padding-left: 0.2rem;
}

.medialist_table_data td:before {
	position:absolute;
	width:25%;
	padding-left: 0.3rem;
}
	
.medialist_table_data td:before{
	left:0;
	content:attr(tableHeadData);
	font-style: italic;
}

.medialist_table_data td.info_col:before {
	content: "";
}

#medialist_search {
	width: 100%;
	flex-direction: column;
	flex-wrap: no-wrap;
}

#medialist_search input[type=submit] {
	width: 66%;
	margin: 0.25rem 0 0.25rem 0;
}	

}