/*
// Simple File List Pro - Copyright 2022
// Author: Mitchell Bennis | support@simplefilelist.com | https://simplefilelist.com
// License: EULA | https://simplefilelist.com/end-user-license-agreement/
// All changes to, modifications to, or re-uses of this script are prohibited without prior consent.
*/

.eePickerThingy { color: rgba(218, 218, 220, 0.8); }

.eeSFL,
#eeSFL_UploadForm {
	
	/* 	THEME - LIGHT */
	/* 	Light grey solids, borders with dark text */
	
	/* 	https://html-color.codes/grey */
	/* 	Theme text and background colors are generally honered */
	
/* 	--ee-hack-to-make-first-rule-work: #000; */
	/* 	First rule seems to be ignored ? */
	
	
	/* 	COMMON */
	--ee-color-text-input-background: #efefef;
	--ee-color-action-link-text: #333;
	--ee-color-action-link-text-hover: #FFF;
	--ee-color-action-link-background: rgba(220, 220, 220, .8); 
	--ee-color-action-link-background-hover: rgba(97, 97, 97, 1);
	
	
	/* UPLOAD FORM - LIGHT */
	--ee-color-upload-form-background: rgba(255, 255, 255, 0.2);
	--ee-color-upload-progress-bar: #23e100;
	--ee-color-drop-zone-border: #c7c7c7;
	--ee-color-upload-progress-text: #FFF;
	--ee-color-upload-progress-background: #23e100;
	
	
	/* 	TABLE */
	--ee-color-table-background: transparent;
	--ee-color-table-border: #DCDCDC;
	--ee-color-table-header-background: #d9d9db;
	--ee-color-table-header-text: #333;
	--ee-color-table-row-background: rgba(255, 255, 255, 0.2);
	--ee-color-table-row-background-hover: rgba(244, 244, 244, 0.3);
	
	
	/* TILES */
	--ee-color-tile-filename-text: #555555;
	--ee-color-tile-border: #DCDCDC;
	--ee-color-tile-header-background: #e9e9ee;
	--ee-color-tile-background: rgba(224, 225, 235, 0.2);
	
	
	/* FLEX */
	--ee-color-flex-border: #DCDCDC;
	--ee-color-flex-background: rgba(224, 225, 235, 0.2);
	--ee-color-flex-file-background: rgba(224, 225, 235, 0.2);


	
	
}/*
// Simple File List Pro - Copyright 2022
// Author: Mitchell Bennis | support@simplefilelist.com | https://simplefilelist.com
// License: EULA | https://simplefilelist.com/end-user-license-agreement/
// All changes to, modifications to, or re-uses of this script are prohibited without prior consent.
*/

/* DEFAULT TABLE STYLES */

table.eeFiles {
	width: 100%;
	margin: 0 auto 1em;
	border-collapse: collapse;
	background-color: var(--ee-color-table-background);
	border: 1px solid var(--ee-color-table-border);
}
table.eeFiles tr {
	background-color: var(--ee-color-table-row-background);
}
table.eeFiles tr:hover {
	background-color: var(--ee-color-table-row-background-hover);
}
table.eeFiles th {
	padding: .25em;
	text-align: center;
	background-color: var(--ee-color-table-header-background);
	color: var(--ee-color-table-header-text);
}
table.eeFiles td {
	padding: .25em 0;
	background-color: var(--ee-color-table-background);
	border-bottom: 1px solid var(--ee-color-table-border);
	text-align: center;
	overflow: hidden;
	vertical-align: middle;
	width: auto;
}
table.eeFiles th,
table.eeFiles td {
	word-break: break-word;
	width: auto;
}
table.eeFiles td.eeSFL_Thumbnail {
	width: 80px;
}
table.eeFiles td.eeSFL_Thumbnail a {
	display: inline-block;
	width: 100%;
}
table.eeFiles td.eeSFL_Thumbnail img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
table.eeFiles td.eeSFL_FileNameCell {
	text-align: left;
	padding-left: 3px;
}
table.eeFiles p.eeSFL_FileLink,
table.eeFiles p.eeSFL_FileDesc,
table.eeFiles p.eeSFL_FileSubmitter {
	margin: 0;
	padding: 0;
}
table.eeFiles p.eeSFL_FileDesc,
table.eeFiles p.eeSFL_FileSubmitter {
	font-size: 80%;
}
table.eeFiles th.eeSFL_FileName,
table.eeFiles td.eeSFL_FileNameCell {
	text-align: left;
	padding-left: 10px;
}
table.eeFiles td a {
	text-decoration: none;
}
table.eeFiles td.eeSFL_FileSize,
table.eeFiles td.eeSFL_FileDate {
	font-size: 80%;
	padding-left: 1em;
	padding-right: 1em;
}
table.eeFiles .eeSFL_FileSize {
	white-space: nowrap;
}

table.eeFiles .eeSFL_ListFileActions {
	display: block;
	padding-top: .5em;
}

table.eeFiles .eeSFL_ListFileActions a {
	display: inline-block;
	color: var(--ee-color-action-link-text);
	background-color: var(--ee-color-action-link-background);
	padding: .1em .3em;
	margin-right: .33em;
	border-radius: 3px;
	font-size: 80%;
}
table.eeFiles .eeSFL_ListFileActions a:hover {
	color: var(--ee-color-action-link-text-hover);
	background-color: var(--ee-color-action-link-background-hover);
}

/* EDIT DIALOG */

.eeSFL .eeSFL_EditFileWrap {
	display: none;
	width: auto;
	margin: 5px 0;
	padding: 10px 3%;
	border: 1px solid var(--ee-color-table-border);
	border-radius: 3px;
	background-color: var(--ee-color-table-edit-background);
}
.eeSFL .eeSFL_EditFileWrap h4 {
	margin: 0;
}
.eeSFL .eeSFL_EditFileWrap p {
	margin: .5em 0;
	line-height: 1;
}
.eeSFL .eeSFL_EditFileWrap label {
	display: block;
}
.eeSFL .eeSFL_EditFileWrap input[type=text] {
	display: inline-block;
	width: 50%;
}
.eeSFL .eeSFL_EditFileWrap button {
	display: inline-block;
	width: 20%;
}


/* SMALL SCREEN STYLES */
@media (max-width: 40em) { /* Would be nice to know the width of .eeSFL */
	
	#eeSFL, .eeSFL {
		box-sizing: border-box;
	}
	
	.eeSFL table.eeFiles,
	.eeSFL table.eeFiles thead,
	.eeSFL table.eeFiles tbody,
	.eeSFL table.eeFiles tr,
	.eeSFL table.eeFiles th,
	.eeSFL table.eeFiles td,
	.eeSFL table.eeFiles td.eeSFL_Thumbnail,
	.eeSFL table.eeFiles td.eeSFL_FileNameCell {
		display: block;
		width: 100%;
		margin: 0;
		padding: .25em 0;
		text-align: center;
		border: none;
	}
	.eeSFL table.eeFiles thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.eeSFL table.eeFiles tr {
		margin-bottom: 3em;
	}
	.eeSFL table.eeFiles td.eeSFL_Thumbnail img {
		margin: 0 auto;
	}
	
	.eeSFL table.eeFiles p.eeSFL_FileLink {
		font-size: 150%;
		font-weight: bold;
		margin-bottom: 1em;
		text-align: center;
	}
	
	.eeSFL table.eeFiles small.eeSFL_ListFileActions {
		display: flex;
		margin-bottom: 1em;
	}
	
	.eeSFL table.eeFiles .eeSFL_ListFileActions > a {
		display: block;
		flex: 1;
		color: var(--ee-color-action-link-text);
		background-color: var(--ee-color-action-link-background);
		padding: 1em .5em;
		margin: 0 .5em;
		border-radius: 3px;
		font-size: 85%;
		text-align: center;
		white-space: nowrap;
	}
	
	

}