.file-item{
	position : relative;
	width : 125px;
	padding : 125px 0px 0px 0px;
	display : inline-block;
	border-radius: 3px;
	border : 1px solid #aaa;
	overflow: hidden;
	margin : 5px 5px;
	color : #000;
	transition: box-shadow 0.25s ease-in;
}
.file-item.clickable{
	cursor: pointer;
}
.file-item.active{
	outline : 3px solid #20a8d8;
	border-color : #fff;
}
.file-item.image{
	background : #fff;
}
.file-item:hover{
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,.25);
	transition: box-shadow 0.25s ease-out;
}
.file-item-content{
	position: absolute;
	width : 100%;
}
img.file-item-content{
	left : 50%;
	top : 50%;
	transform: translate(-50%, -50%);
}
div.file-item-content{
	top : 0px;
	right : 0px;
	bottom : 0px;
	left:0px;
}
.file-item-content.other-file{
	background : #E4E5E6;
}
.file-item-content.other-file:after{
	position: absolute;
	width : 75%;
	background : #fff;
	content : "";
	height : 100%;
	display : block;
	left : 12.5%;
	top : 0px;
}

.file-item-label{
	position: absolute;
	bottom : 0px;
	width : 100%;
	background : #fff;
	border-top : 1px solid #aaa;
	z-index : 9;
	padding : 5px;
	text-align: center;
	word-break: break-all;
	word-wrap: break-word;
	overflow: hidden;
	max-height : 50px;
}
.file-item.pdf .file-item-content.other-file:before{
	content : "\f1c1";
	font-family: "Font Awesome 5 Free";
	position : absolute;
	top : 50%;
	left : 50%;
	z-index : 10;
	font-size : 48px;
	transform: translate(-50%, -50%);
	margin-top : -25px;
}
.file-item-upload{
	position: absolute;
	top : 50%;
	transform: translateY(-50%);
	left : 0px;
	right : 0px;
	padding : 0px 5px;
}
.uploader-dropzone{
	border : 2px dashed #aaa;
	padding : 10px;
	cursor : pointer;
	transition: all 0.25s ease-in;
	background: transparent;
	height : 140px;
}

.uploader-dropzone p{
	margin-bottom : 0px;
}

.uploader-dropzone.dragging{
	transition: all 0.25s ease-in;
	background: #20a8d8;
	border-color : rgba(32,168,216,.5);
	color : #fff;
}

.uploader-dropzone.dragging .drop-zone-line-2,
.uploader-dropzone.dragging .btn{
	display : none;
}