@charset "utf-8";
/* CSS Document */

/* - STANDARD - */

/* - contenitore - */
.dgFile{
	position:relative;
	overflow:hidden;
	border:1px solid rgba(204,204,204,1);
	box-sizing:border-box;
	font-size:0px;
	background-color:rgba(255,255,255,1);
}
.dgFile.sortable_connected{overflow:inherit}
/* - /contenitore - */

/* - nascondo input - */
.dgFile input[type="file"]{
	width:100%;
	position:absolute;
	margin:-100%;
}
/* - /nascondo input - */


.dgFile>div{
    display: inline-block;
    vertical-align: top;
    margin: 0px;
	width:100%;
	padding:5px;
	box-sizing:border-box;
	font-size:12px;
}
.dgFile.disabled .dgFile-btn-load{
	display:none;
}
.dgFile .dgFile-btn-load>div{
	position:relative;
	border:1px solid rgba(204,204,204,1);
	box-sizing:border-box;
	width:100%;
	background-color:rgba(255,255,255,0.8);
	height:38px;
	line-height:38px;
	text-align:left;
	cursor:pointer;
	padding:0 5px;
}
.dgFile .dgFile-btn-load:hover>div{
	opacity:0.7;
}
.dgFile .dgFile-item .dgFile-inner{
	position:relative;
	border:1px solid rgba(204,204,204,1);
	box-sizing:border-box;
	width:100%;
	background-color:rgba(255,255,255,0.8)
}
.dgFile .dgFile-item[data-active="0"] .dgFile-inner{
	opacity:0.4;
}
.dgFile .dgFile-item .dgFile-inner .dgFile-item-preview{
	display:table-cell;
	vertical-align:middle;
	padding:5px;
}
.dgFile .dgFile-item .dgFile-inner .dgFile-item-preview .dgFile-item-thumb{
	height:38px;
	width:38px;
	line-height:38px;
	color:rgba(255,255,255,1);
	text-align:center;
	background: no-repeat center center rgba(153,153,153,1); 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	border:1px solid rgba(204,204,204,1);
	box-sizing:border-box;
}
.dgFile .dgFile-item .dgFile-inner .dgFile-item-name{
	width:100%;
	display:table-cell;
	vertical-align:middle;
	max-width:0px;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space:nowrap;
	padding:5px;
}
.dgFile .dgFile-item .dgFile-inner .dgFile-item-menu{
	display:table-cell;
	vertical-align:middle;
	white-space:nowrap;
	font-size:14px;
	padding:5px;
	position:relative;
	z-index:2;
}
.dgFile .dgFile-item .dgFile-inner .dgFile-item-menu .dgFile-item-move{
	display:inline-block;
	padding:5px;
	cursor:move;
}
.dgFile .dgFile-item .dgFile-inner .dgFile-item-menu .dgFile-item-move:before{
	content:"\f047";
	font-family:"fontAwesome";
}
.dgFile .dgFile-item[data-status] .dgFile-inner .dgFile-item-menu .dgFile-item-edit{
	display:none !important;
}
.dgFile .dgFile-item .dgFile-inner .dgFile-item-menu .dgFile-item-edit{
	display:inline-block;
	padding:5px;
	cursor:pointer;
}
.dgFile .dgFile-item .dgFile-inner .dgFile-item-menu .dgFile-item-edit:before{
	content:"\f040";
	font-family:"fontAwesome";
}

.dgFile .dgFile-item[data-status] .dgFile-inner .dgFile-item-menu .dgFile-item-status{
	display:none !important;
}
.dgFile .dgFile-item .dgFile-inner .dgFile-item-menu .dgFile-item-status{
	display:inline-block;
	padding:5px;
	cursor:pointer;
}
.dgFile .dgFile-item .dgFile-inner .dgFile-item-menu .dgFile-item-status:before{
	content:"\f00c";
	font-family:"fontAwesome";
}
.dgFile .dgFile-item .dgFile-inner .dgFile-item-menu .dgFile-item-status{color:rgba(51,153,0,1)}
.dgFile .dgFile-item[data-active="0"] .dgFile-inner .dgFile-item-menu .dgFile-item-status{color:inherit; opacity:0.6}

.dgFile .dgFile-item .dgFile-inner .dgFile-item-menu .dgFile-item-delete{
	display:inline-block;
	padding:5px;
	cursor:pointer;
}
.dgFile .dgFile-item .dgFile-inner .dgFile-item-menu .dgFile-item-delete:before{
	content:"\f1f8";
	font-family:"fontAwesome";
}
.dgFile .dgFile-item[data-status="error"] .dgFile-inner{
	border:1px solid rgba(255,0,0,1);
}
.dgFile .dgFile-item[data-status="error"] .dgFile-inner:before{
	content:"";
	position:absolute;
	background-color:rgba(255,255,255,0.85);
	top:0;
	left:0;
	bottom:0;
	right:0;
}
.dgFile .dgFile-item[data-status="error"] .dgFile-inner .dgFile-item-error{
	padding:5px;
	color:rgba(255,0,0,1);
	position:absolute;
	z-index:1;
	bottom:0;
}
.dgFile .dgFile-item[data-status="error"] .dgFile-inner .dgFile-item-error>span:before{
	content:"\f06a";
	font-family:"fontAwesome";
	display:inline-block;
	padding-right:5px;
}
.dgFile .dgFile-item .dgFile-inner .dgFile-item-loading{
	display:none;
}
.dgFile .dgFile-item[data-status="onload"] .dgFile-inner .dgFile-item-loading{
	display:block;
	position:absolute;
	background-color:rgba(255,255,255,0.7);
	top:0;
	left:0;
	bottom:0;
	right:0;
}
.dgFile .dgFile-item[data-status="onload"] .dgFile-inner .dgFile-item-loading .dgFile-item-loading-bar{
	position:absolute;
	background-color:rgba(204,204,204,0.5);
	top:0;
	left:0;
	bottom:0;
	width:0%;
}
.dgFile .dgFile-item[data-status="onload"] .dgFile-inner .dgFile-item-loading .dgFile-item-loading-percent{
	position:absolute;
	text-align:center;
	width:30px;
	height:30px;
	line-height:30px;
	font-size:12px;
	top:50%;
	left:50%;
	margin:-15px;
	color:rgba(0,204,0,1);
	background-color:rgba(255,255,255,1);
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
}
.dgFile .dgFile-item[data-status="loaded"] .dgFile-inner{
	border:1px solid rgba(0,204,0,1);
}
.dgFile .dgFile-item[data-status="loaded"] .dgFile-inner:before{
	content:"";
	position:absolute;
	background-color:rgba(255,255,255,0.85);
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:1;
}
.dgFile .dgFile-item[data-status="loaded"] .dgFile-inner:after{
	content:"\f00c";
	font-family:"fontAwesome";
	position:absolute;
	z-index:1;
	text-align:center;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:20px;
	top:50%;
	left:50%;
	margin:-10px;
	color:rgba(0,204,0,1);	
	text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);
}

/* - placeholder - */
.dgFile-placeholder{
	position:relative;
	display:block;
}
.dgFile-placeholder:before{
	content:"";
	border:1px dotted rgba(174,174,174,1);
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
}
/* - placeholder - */

/* - selected - */
.dgFile .dgFile-item.selected .dgFile-inner{
	border:3px solid rgba(51,153,0,1);
}
.dgFile .dgFile-item.selected .dgFile-inner:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(255,255,255,0.65);
}
/* - selected - */

/* - sortable helper - */
.dgFile .dgFile-item.ui-sortable-helper>div{
	opacity:0.8;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(212,212,212,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(212,212,212,1);
	box-shadow: 0px 0px 5px 0px rgba(212,212,212,1);
}
/* - /sortable helper - */

/* - droppable - */
.dgFile.droppable:after{
	content: "drop file here";
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    font-size: 14px;
    padding: 5px;
    opacity: 0.4;
}
.dgFile.droppable.droppable-over{
	border-style:dotted;
	background-color:rgba(204,204,204,0.2);
}
/* - /droppable - */

/* - popup - */
.dgFile-popup-cont{
	display:none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 9998;
}
.dgFile-popup-cont.open{
	display:block;
}
.dgFile-popup-cont .dgFile-popup{
	background-color: rgba(255,255,255,1);
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    overflow-y: auto;
}
.dgFile-popup-cont .dgFile-popup .dgFile-popup-left{
	position:absolute;
	width:75%;
	top:0;
	left:0;
	bottom:0;
	box-sizing:border-box;
	padding:15px;
}
.dgFile-popup-cont .dgFile-popup .dgFile-popup-right{
	position:absolute;
	width:25%;
	top:0;
	bottom:0;
	right:0;
	box-sizing:border-box;
	border-left:1px solid rgba(204,204,204,1);
	padding:15px;
	background-color:rgba(247,247,247,1);
}
.dgFile-popup-cont .dgFile-popup .dgFile-popup-left .dgFile-popup-preview{
    position: absolute;
	top:15px;
	bottom:15px;
	right:15px;
	left:15px;
 	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
.dgFile-popup-cont .dgFile-popup input[type="text"],
.dgFile-popup-cont .dgFile-popup textarea{
	margin-bottom:15px;
}
.dgFile-popup-cont .dgFile-popup .dgFile-popup-form-btns{
	text-align:right;
	margin:-5px;
}
.dgFile-popup-cont .dgFile-popup .dgFile-popup-form-btns>div{
	margin:5px;
}
.dgFile-popup-cont .dgFile-popup-form-info{
	list-style:none;
	list-style: none;
    padding-top: 10px;
    margin-top: 15px;
    border-top:1px solid rgba(204,204,204,0.65);
	word-break: break-all;
}
.dgFile-popup-cont .dgFile-popup-form-info>li{
	padding:5px;
}
.dgFile-popup-cont .dgFile-popup-form-info>li>span{
    color: #000;
}
/* -/popup - */

/* - /STANDARD - */


/* - THUMB 100% - */
.dgFile.thumb>div{
	width:100%;
	padding:0 0 100% 0;
	position:relative;
}
.dgFile.thumb .dgFile-btn-load>div{
	position:absolute;
	height:auto;
	width:auto;
	top:5px;
	right:5px;
	bottom:5px;
	left:5px;
	background-color:rgba(204,204,204,1);
	color:rgba(255,255,255,1);
	font-size:80px;	
}
.dgFile.thumb .dgFile-btn-load>div>span{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.dgFile.thumb .dgFile-item .dgFile-inner{
	position:absolute;
	height:auto;
	width:auto;
	top:5px;
	right:5px;
	bottom:5px;
	left:5px;
}
.dgFile.thumb .dgFile-item .dgFile-inner .dgFile-item-preview {
    position:absolute;
	height:100%;
	width:100%;
	padding:0px;
}
.dgFile.thumb .dgFile-item .dgFile-inner .dgFile-item-preview .dgFile-item-thumb{
	height:100%;
	width:100%;
	border:none;
	font-size:40px;
}
.dgFile.thumb .dgFile-item .dgFile-inner .dgFile-item-preview .dgFile-item-thumb>span{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.dgFile.thumb .dgFile-item .dgFile-inner .dgFile-item-name{
	position:absolute;
	z-index:1;
	display:block;
	width:100%;
	box-sizing:border-box;
	background-color:rgba(255,255,255,0.75);
	max-width:none;
	bottom:0;
	left:0;
	right:0;
	padding:10px;
}
.dgFile.thumb .dgFile-item .dgFile-inner .dgFile-item-menu{
	position:absolute;
	display:block;
	width:100%;
	box-sizing:border-box;
	background-color:rgba(255,255,255,0.75);
	max-width:none;
	top:0;
	left:0;
	right:0;
}
.dgFile.thumb .dgFile-item .dgFile-inner .dgFile-item-menu .dgFile-item-move,
.dgFile.thumb .dgFile-item .dgFile-inner .dgFile-item-menu .dgFile-item-edit,
.dgFile.thumb .dgFile-item .dgFile-inner .dgFile-item-menu .dgFile-item-status,
.dgFile.thumb .dgFile-item .dgFile-inner .dgFile-item-menu .dgFile-item-delete{
	display:table-cell;
	width:100%;
}
.dgFile.thumb .dgFile-item[data-status="error"] .dgFile-inner .dgFile-item-error{
	position:absolute;
	z-index:1;
	display:block;
	box-sizing:border-box;
	background-color:rgba(255,255,255,0.75);
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.dgFile.thumb .dgFile-item[data-status="error"] .dgFile-inner .dgFile-item-error>span{
	display:block;
	position:absolute;
	top:50%;
	padding:5px;
	width: 100%;
    left: 0;
    box-sizing: border-box;
	text-align:center;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.dgFile .dgFile-item[data-status="onload"] .dgFile-inner .dgFile-item-loading .dgFile-item-loading-percent{
	width:40px;
	height:40px;
	line-height:40px;
	margin:-20px;
}
/* - /THUMB 100% - */

/* - THUMB 150px - */
.dgFile.thumb.thumb_150>div{
	width:150px;
	padding:0 0 150px 0;
}
/* - /THUMB 150px - */

/* - THUMB ROUND - */
.dgFile.thumb.thumb_round{border:none}
.dgFile.thumb.thumb_round .dgFile-item .dgFile-inner{border:none;}
.dgFile.thumb.thumb_round .dgFile-btn-load>div,
.dgFile.thumb.thumb_round .dgFile-item-preview{overflow:hidden; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;border: 7px solid rgba(204,204,204,0.5); box-sizing:border-box}
.dgFile.thumb.thumb_round .dgFile-item .dgFile-inner .dgFile-item-menu{background-color:transparent; display:table; font-size: 22px;}
.dgFile.thumb.thumb_round .dgFile-item .dgFile-inner .dgFile-item-menu>div{text-align:right}
/* - /THUMB ROUND - */