div#uppy_drag-drop-area {
	position:relative;
	overflow:hidden;
	display:inline-block;
}


.file_uploader_panel {}


.file_preview_wrapper 			{ position:relative;
	width:100%;
	height:120px;
	border:1px solid #ECEEF0;
}
.file_preview_wrapper .progress { position:absolute;top:0px;left:0px;width:100%; height:28px; text-align:center; padding:3px; opacity:.5;}
.file_preview_wrapper .progress { position:absolute;top:0px;left:0px;width:100%; height:28px; text-align:center; padding:3px; opacity:.5;}

.image_preview_src 				{ background-repeat:no-repeat; background-position:center center; background-size:contain; width:100%;height:100%;}
.image_preview_src 				{ background-image:url(/images/no-image.png);}
.image_preview_src .videoContainer {}
.image_preview_src .videoContainer video {object-fit:contain;}


.file_browse_button 				{ padding:5px; text-align:center; height: 50px; }
.file_browse_button 				{ display:flex; align-items:center; justify-content:center; }
.file_browse_button .reverse_upload {display:none;}
.file_browse_button .reverse_upload .tips {font-size:14px;line-height:30px;color:#F74B2D;}


.drag-and-drop-zone {position:relative;border:1px #E1E5E8 dashed;padding:6px;}
.drag-and-drop-zone.onDragEnter {border-radius:6px;border-color:#DADDE0;background-color:#E9ECEF;}



div.drag-and-drop-zone-readonly {border:0px;padding:0px;}
div.drag-and-drop-zone-readonly .browser_upload {display:none !important;}
div.drag-and-drop-zone-readonly .file_preview_wrapper {}




.file_uploader_item {padding:0px;}
.file_uploader_item {display:flex;position:relative;border:1px #DFE3E6 solid;}
.file_uploader_item .controls_col 					{padding:0px 0px;flex-basis: 50px;		min-width:50px;  background:#ffffff;	border-right:1px #ECEFF1 solid;}
.file_uploader_item .controls_col .btn 			{width:100%;height:50px;border-radius:0px;}
.file_uploader_item .controls_col .btn:hover 		{background:#D7DBDE;}
.file_uploader_item .controls_col .btn:focus 		{box-shadow:none;}


.file_uploader_item .drag-and-drop-zone 			{height:100%;display:flex;flex-direction:column;padding:3px;}
.file_uploader_item .drag-and-drop-zone .file_preview_wrapper 	{flex-basis:100%;height:100%;min-height:50px;}
.file_uploader_item .drag-and-drop-zone .file_browse_button 	{flex-basis:1px;height:auto;padding:0px;}


.file_uploader_item .upload_cols 								{ width:100%; }
.file_uploader_item .upload_col 								{ width:100%; height:100%; }

.file_uploader_item .detail_col 								{ position:relative;left:0px;top:0px; }
.file_uploader_item .detail_col 								{ padding:0px 0px;display:flex;flex-basis: 100%;}
.file_uploader_item .detail_col .detail_side_col 				{ flex-basis:1px;	}
.file_uploader_item .detail_col .detail_body 					{ flex-basis:100%;	display:inline-flex; flex-wrap:wrap;	}
.file_uploader_item .detail_col .detail_upload_handle_col 		{ flex-basis:1px;	}



.file_uploader_item .detail_col .upload_cols 					{ width:100%; }
.file_uploader_item .detail_col .upload_col 					{ position:relative; width:100%; height:100%; }

.file_uploader_item .detail_col .detail_upper						{
	position:relative;left:0px;top:0px;display:flex;
	align-items:center;justify-content:center;
}
.file_uploader_item .detail_col .detail_upper .lang_tabs						{flex-basis:100%;}





.file_uploader_item .mask_col .mask_content {
	display:flex; align-items:center; justify-content:center;
	font-size:18px; line-height:25px;
}



.file_uploader_item .image_preview_col {width:100%;height:100%;}

/**single_image_file_uploader_panel**/
.single_image_file_uploader_panel {margin-left:10px;}
.single_image_file_uploader_panel .image_preview_col {width:300px;height:200px;}


.file_uploader_item .upload_col .file_browse_button {}
.file_uploader_item .upload_col .file_browse_button .browser_upload {display:inline-block;margin:5px;}
.file_uploader_item .upload_col .file_browse_button .reverse_upload {display:inline-block;margin:5px;}

.file_uploader_item .upload_col.upload_handle_col .file_browse_button {}
.file_uploader_item .upload_col.upload_handle_col .file_browse_button .reverse_upload {display:none;}

.file_uploader_item .upload_col.upload_handle_col-contains_file .file_browse_button .reverse_upload {display:inline-block;}



.file_uploader_item .mask_col 				{ position:absolute;left:0px;top:0px;width:100%;height:100%;	}
.file_uploader_item .mask_col 				{ display:none;	}

.file_uploader_item .mask_col .mask_content { 
	position:relative;left:0px;top:0px;
	display:flex; align-items:flex-start; justify-content:center;
	width:100%;height:100%;
	padding:10px;text-align:center;
	
	text-shadow: 1px 1px 3px #ffffff;
}

.file_uploader_item .mask_col.delete_mask .mask_layer 				{ 
	position:absolute;left:0px;top:0px;width:100%;height:100%; background:rgba(255,236,239,.6);
}
.file_uploader_item .mask_col.suspending_mask .mask_layer 			{ 
	position:absolute;left:0px;top:0px;width:100%;height:100%; background:rgba(200,202,223,.6);
}
.file_uploader_item .mask_col.suspended_mask .mask_layer 			{ 
	position:absolute;left:0px;top:0px;width:100%;height:100%; background:rgba(200,202,223,.6);
}


.file_uploader_item .mask_col.delete_mask .mask_content {color:#A6310A;}







/** tips container **/
.file_uploader_item .drag-and-drop-zone.dm_tips_container {}
.file_uploader_item .drag-and-drop-zone.dm_tips_container {text-align:center;}
.file_uploader_item .drag-and-drop-zone.dm_tips_container .tc_icon 	{font-size:40px; line-height:20px;}
.file_uploader_item .drag-and-drop-zone.dm_tips_container .tc_ttl 		{font-size:20px;margin-bottom:5px;}
.file_uploader_item .drag-and-drop-zone.dm_tips_container .tc_sub_ttl 	{font-size:12px;}