.dropzone {
	margin-top: 20px;
	width: 100%;
	height: calc(100% - 100px);
	min-height: unset;
	border: 1px solid #999;
	background: #f9f9f9;
	overflow: auto;
}
.dropzone.empty {
	background: #fff;
}
.dropzone.empty:after, .dropzone.integrated.dragover:before {
	content: "\e967";
	font-family: 'icomoon';
	transform: rotate(310deg);
	font-size: 100px;
	color: #66b0ff;
	position: absolute;
	top: 30%;
	left: 42%;
}
.dropzone.integrated {
	font-size: 100% !important;
	background: none;
	border: none;
	margin: 5px 0 !important;
	min-height: 0 !important;
	height: auto;
	width: inherit;	/*needed for dropzone on object preview*/
	padding: 0 3px;
	overflow: hidden;
	z-index: 9999;
}
.dropzone.integrated.uploading {
	background: none;
	padding: 3px;
	font-size: 0.8em !important;
	width: auto !important;
}
.dropzone.integrated.dragover {
	border: 3px dashed #007bff;
	margin: 2px 0 !important;
	padding: 0;
	position: relative;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
	background: none;
}
.dropzone.integrated.dragover:before {
	left: unset;
	right: 10px;
	font-size: 40px;
	text-indent: 0; /*reset parent div setting*/
}
.dropzone.integrated .dz-default.dz-message,
.dropzone.integrated .dz-preview, .dropzone-previews .dz-preview {
	display: none; 
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  background: #ebebeb;
}
.dropzone .dz-preview .dz-details .lweb-name,
.dropzone-previews .dz-preview .dz-details .lweb-name {
	position: absolute;
	font-size: 0.75em;
	bottom: -2.6em;
	left: 3px;
	right: 3px;
	height: 3.3em;
	line-height: 1.1em;
	overflow: hidden;
	word-break: break-all;
	background: #ebebeb;
}
.dropzone .dz-preview .dz-details .lweb-name:hover,
.dropzone-previews .dz-preview .dz-details .lweb-name:hover {
	overflow: visible;
}

.dropzone .dz-preview .dz-details .lweb-size,
.dropzone-previews .dz-preview .dz-details .lweb-size {
	overflow: hidden;
	height: 100%;
}

.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
	width: 9em;
	height: 9em;
}