/* In order to provide font awesome icons */
.icon::after {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
/* To put before, simply change the :after */

.loading-icon:after {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
		
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}

/*#file-structure{*/
div[id^='file-structure']{
	height: 40em;
	overflow: scroll;
	resize: vertical;
}

#member-documents hr{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.locked{
	opacity: 0.5;
}

/*
	These will trigger on folder click and not the trash itself for delete
	refer: /usr/local/var/www/sites/smb/themes/assets/php/directory-explorer.inc.js.php line 70
*/
.file-structure-delete-folder:after{
	font-family: "Font Awesome 5 Pro";
	content: "\f2ed";
	margin-left: 1em;
	cursor: pointer;
	color: red;
}


.file-structure-delete-folder-pending:after{
	font-family: "Font Awesome 5 Pro";
	content: "\f110";
	margin-left: 1em;
	cursor: pointer;
}




/* styles of directory explorer */
.file-structure-actions{
	padding: 0 0 0 1.8em;
}
.file-structure-select-root{
	margin-left: -0.5em;
	font-size: 18px;
	font-weight: bolder;
	cursor: pointer;
}
.file-structure-select-root.selected{
	background-color: #5094ce;
    color: #fff;
}

.hover:hover {
	background-color: rgba(0, 0, 0, 0.075);
}