/* CSS */

.peoplez-file-list {
	display: inline-block;
	margin-top: 20px;
}

.peoplez-file-list .file-list-element {
	height: 250px;
	width: 150px;
	margin: 0px 30px 30px 0px;
	float: left;
	text-align: center;
	line-height: 20px;
	
	font-size: 14px;
	
	word-break: break-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
	overflow: hidden;
}

.peoplez-file-list a span {
	display: block;
	width: 150px;
	height: 150px;
}

.peoplez-file-list a .name {
	display: block;
	width: 150px;
	height: 100px;
	border: none;
	padding: 8px;
}

.peoplez-file-list .file-list-breadcrumb {
	font-size: 16px;
	margin: 0px 0px 15px 0px;
}

.peoplez-file-list .file-list-breadcrumb a {
	text-decoration: underline;
}

.peoplez-file-list .file-list-home {
	margin: 0px;
}

.peoplez-file-list .file-list-divider {
	margin: 0px 5px;
}

/* file icons */

.peoplez-file-list span.fa-level-up {
	background-image: url('/wp-content/plugins/peoplez-file-list/resources/icons/streamline-icon-folder-empty.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}


.peoplez-file-list span.fa-folder {
	background-image: url('/wp-content/plugins/peoplez-file-list/resources/icons/streamline-icon-folder-empty.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.peoplez-file-list span.fa-file-text {
	background-image: url('/wp-content/plugins/peoplez-file-list/resources/icons/streamline-icon-common-file-text.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.peoplez-file-list span.fa-picture-o {
	background-image: url('/wp-content/plugins/peoplez-file-list/resources/icons/streamline-icon-image-file-landscape.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.peoplez-file-list span.fa-youtube-play {
	background-image: url('/wp-content/plugins/peoplez-file-list/resources/icons/streamline-icon-video-file-play.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.peoplez-file-list span.fa-file,
.peoplez-file-list span.fa-file-archive-o,
.peoplez-file-list span.fa-music,
.peoplez-file-list span.fa-code,
.peoplez-file-list span.fa-hdd-o,
.peoplez-file-list span.fa-list-alt,
.peoplez-file-list span.fa-font,
.peoplez-file-list span.fa-gamepad,
.peoplez-file-list span.fa-floppy-o,
.peoplez-file-list span.fa-archive, 
.peoplez-file-list span.fa-terminal,
.peoplez-file-list span.fa-file-text,
.peoplez-file-list span.fa-floppy,
.peoplez-file-list span.fa-envelope {
	background-image: url('/wp-content/plugins/peoplez-file-list/resources/icons/streamline-icon-common-file-empty.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}



/* specific file types */

.peoplez-file-list span.fa-file-pdf {
	background-image: url('/wp-content/plugins/peoplez-file-list/resources/icons/streamline-icon-office-file-adobe.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}


/*** Login Form ***/

#file-list-loginform {
	width: 320px;
	
	color: #444;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	font-size: 13px;
	line-height: 1.4;
	
    margin-top: 20px;
    margin-left: 0;
    padding: 26px 24px 46px;
    font-weight: 400;
    overflow: hidden;
    background: #fff;
	border: 1px solid #ccd0d4;
	box-shadow: 0 1px 3px rgba(0,0,0,.04);
}

#file-list-loginform .input {
    font-size: 24px;
    line-height: 1.33333333;
    width: 100%;
    border-width: .0625rem;
    padding: .1875rem .3125rem;
    margin: 0 6px 16px 0;
    min-height: 40px;
    max-height: none;
	
	box-shadow: 0 0 0 transparent;
	border-radius: 4px;
	border: 1px solid #7e8993;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
	background-color: #fff;
	color: #32373c;

}

#file-list-loginform label {
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 3px;
}

input[type="checkbox"], input[type="radio"] {
	border: 1px solid #7e8993;
	border-radius: 4px;
	background: #fff;
	color: #555;
	clear: none;
	cursor: pointer;
	display: inline-block;
	line-height: 0;
	height: 1rem;
	margin: -.25rem .25rem 0 0;
	outline: 0;
	padding: 0 !important;
	text-align: center;
	vertical-align: middle;
	width: 1rem;
	min-width: 1rem;
	-webkit-appearance: none;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	transition: .05s border-color ease-in-out;
}

#file-list-loginform .forgetmenot {
    font-weight: 400;
    float: left;
    margin-bottom: 0;
}

#file-list-loginform .button-primary {
    margin: 5px 0;
    border-radius: 3px;
    border: none;
	
    min-height: 30px;
    line-height: 2.15384615;
    padding: 0px 12px 2px;
	float: right;
	background: #007cba;
	border-color: #007cba;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
	font-weight: 400;
}