@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:9999px;
}
/* - /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:36px;
	width:36px;
	line-height:36px;
	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:4px 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;
}
.dgFile.thumb.thumb_100>div{
	width:100px;
	padding:0 0 100px 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 - */

/* - my_select_images - */
.my_select_images{background-color:rgba(255,255,255,1); border:1px solid rgba(204,204,204,1); position:relative; padding:2px; display:inline-block}
.my_select_images>div{box-sizing:border-box; display:inline-block; padding:2px; vertical-align:top; position:relative; z-index:1}
.my_select_images>div>div{border:1px solid rgba(204,204,204,1); height:75px; width:75px; background: no-repeat center center rgba(204,204,204,1); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:relative}
.my_select_images>div.select_images_btn_select>div{cursor:pointer}
.my_select_images>div.select_images_btn_select>div>span{display: block; position: absolute; top: 50%; left: 50%; color: rgba(255,255,255,1); font-size: 44px;
-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%);}
.my_select_images[data-select-nimber="1"] .select_images_btn_select>div{background-color:rgba(0,0,0,0.1); text-shadow: 0px 0px 1px rgba(0,0,0,0.4);}
.my_select_images[data-select-nimber="1"] .select_images_item{position:absolute; left:2px; top:2px; z-index:0}
.my_select_images[data-select-nimber="1"]>div:last-of-type>div{background-color:rgba(204,204,204,1)}
/* - /my_select_images - */