/* FILES */
.inputFiles{
	font-size:0px;
	list-style:none;
	background-color: rgba(255,255,255,1);
	border: 1px solid rgba(204,204,204,1);
}
.inputFiles:after{
	content:"";
	display:block;
	clear:both;
}
.inputFiles li{
	width: 150px;
	height:150px;
	margin:10px;
	box-sizing:border-box;
	border:1px solid rgba(204,204,204,1);
	position:relative;
	display:inline-block;
	vertical-align:top;
	background-color:rgba(255,255,255,1);
	overflow:hidden;
	background: no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}
.inputFiles li>img{
	width:100%;
	display:block;
}

.inputFiles li:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:rgba(255,255,255,0.8);
	z-index:1;
	box-sizing:border-box;
	opacity:0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.inputFiles li:after{
	content:"il file verr\00E0  eliminato dopo il salvataggio";
	position:absolute;
	width:100%;
	left:0;
	bottom:-50%;
	right:0;
	z-index:1;
	font-size:10px;
	line-height:12px;
	text-align:center;
	box-sizing:border-box;
	color:rgba(51,51,51,1);
	padding:5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	color:rgba(255,0,0,1);
}
.inputFiles li.deleteTrue:before{
	opacity:1;
}
.inputFiles li.deleteTrue:after{
	bottom:0;
}


.inputFiles .newFile input[type="file"]{
	visibility:hidden;
	position: absolute;
}
.inputFiles .newFile{	
	background: no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}
.inputFiles .addFile .menuEdit{
	display:none;
}
.inputFiles .addFile{
	cursor:pointer;
}

.inputFiles .addFile:after{
	content:"\f067";
	font-family:"fontAwesome";
	font-size:60px;
	position:absolute;
	height:150px;
	width:150px;
	line-height:150px;
	text-align:center;
	color:rgba(204,204,204,1);
	top:0;
}

.inputFiles .newFile .new{
	position:absolute;
	font-size:12px;
	color:rgba(0,204,0,1);
	font-weight:bold;
	height:30px;
	line-height:30px;
	width:100%;
	top:50%;
	left:0;
	right:0;
	margin:-15px 0;
	text-align:center;
	z-index:2;
}
.inputFiles .newFile.addFile .new{
	display:none;
}

.inputFiles li:not(.addFile) .menuEdit{
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:30px;
	background-color:rgba(255,255,255,0.7);
	box-sizing:border-box;
}

.inputFiles .menuEdit .move{
	font-size:12px;
	position:absolute;
	z-index:2;
	left:0;
	top:0;
}
.inputFiles .menuEdit .move:before{
	font-family: FontAwesome;
	content:"\f047";
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	font-size:20px;
	color:rgba(15,104,199,0.8);
	cursor:move;
	padding:5px;
	
}
.inputFiles .menuEdit .delete{
	font-size:12px;
	position:absolute;
	z-index:2;
	right:0;
	top:0;
}
.inputFiles .menuEdit .delete:before{
	font-family: FontAwesome;
	content:"\f1f8";
	display:block;
	height:20px;
	width:20px;
	line-height:20px;
	text-align:center;
	font-size:20px;
	color:rgba(15,104,199,0.8);
	cursor:pointer;
	padding:5px;
}
.inputFiles .deleteTrue .menuEdit .delete:before{
	content:"\f112";
	color:rgba(0,204,0,1);
}

.inputFiles .DivImgPlaceholder {
	background-color:rgba(15,104,199, 0.1);
	border:0px !important;
	outline:1px dotted rgba(15,104,199,0.8);
}

.inputFiles li:not(.addFile) .name{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:30px;
	background-color:rgba(255,255,255,0.7);
	box-sizing:border-box;
	font-size:12px;
	color:rgba(51,51,51,1);
	padding:6px;
	box-sizing:border-box;
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight:bold;
}
.inputFiles li.noImg .ext{
	position:absolute;
	width:100%;
	height:100%;
}
.inputFiles li.noImg .ext>p{
	font-size:14px;
	position:absolute;
	height:20px;
	line-height:20px;
	width:100%;
	left:0;
	top:60%;
	text-align:center;
	text-transform:uppercase;
	color:rgba(153,153,153,1);
}
.inputFiles li.noImg .ext:before{
	content:"\f15b";
	font-family:FontAwesome;
	display:block;
	position:absolute;
	font-size:70px;
	height:70px;
	width:70px;
	line-height:70px;
	margin:-35px;
	text-align:center;
	top:50%;
	left:50%;
	color:rgba(204,204,204,1);
}
/* /FILES */