.ui-progressbar-value {
  transition: width 0.5s;
  -webkit-transition: width 0.5s;
 
}
.ui-progressbar .ui-progressbar-value {
  margin:0px;
}

html body .drop_n_drop_container {border:0px;text-align:center;padding:0px;background:#ffffff;transition:all 0.5s ease;}
html body .drop_n_drop_container.dragenter {background:#eaeaea;}
html body .drop_n_drop_container.disabled {pointer-events:none;}


html body .drop_n_drop_container_mask {position:absolute;left:0px;top:0px;width:100%;height:100%;display:none;transition:all 0.5s ease;}
html body .drop_n_drop_container_mask {border:2px #cacaca dashed;}
html body .drop_n_drop_container_mask.dragenter {background:#E1E8E7;opacity:.7;}

html body .file_uploader_container {width:100%;position:relative;background:#ffffff;}



.file_uploader_container {}
.file_uploader_container .file_list_panel {margin-top:10px;}
.file_uploader_container .file_list_panel ul {padding:0px;margin:0px;list-style-type:none; border-radius:5px;}
.file_uploader_container .file_list_panel ul li {padding:5px;border-bottom:1px #66CCFF dashed;}

.file_uploader_container .file_list_panel {max-height:250px;overflow:auto;}
.file_uploader_container .file_list_panel table {width:100%;}
.file_uploader_container .file_list_panel table tr {}
.file_uploader_container .file_list_panel table tr td {padding:5px;border-bottom:1px #66CCFF dashed;}
.file_uploader_container .file_list_panel table tr td.default 	{width:1px;text-align:center;}
.file_uploader_container .file_list_panel table tr td.filename 	{}
.file_uploader_container .file_list_panel table tr td.filesize 	{width:1px;text-align:center;}
.file_uploader_container .file_list_panel table tr td.upload_progress 	{width:1px;text-align:center;}
.file_uploader_container .file_list_panel table tr td.option 		{width:1px;text-align:center;position:relative;left:0px;top:0px;}

.file_uploader_container .file_list_panel table tr td {color:#227FB5;}
.file_uploader_container .file_list_panel table tr td a {color:#227FB5;}

.file_uploader_container .file_list_panel table tr.th {}
.file_uploader_container .file_list_panel table tr.th td {background:#E9F7FF;color:#227FB5;border-top:1px #66CCFF dashed;}

.file_uploader_container .file_list_panel table.new_uploading_list tr {}
.file_uploader_container .file_list_panel table.new_uploading_list tr td {border-bottom:1px #FFFFC0 dashed;}

.file_uploader_container .file_list_panel table.new_uploading_list tr.th {}
.file_uploader_container .file_list_panel table.new_uploading_list tr.th td {background:#FFFFE5;color:#9C9C4E;border-top:1px #FFFFC0 dashed;}

.file_uploader_container .file_list_panel table.new_uploading_list tr td {color:#9C9C4E;}
.file_uploader_container .file_list_panel table.new_uploading_list tr td.filename {word-break:break-all;}
.file_uploader_container .file_list_panel table.new_uploading_list tr td a {color:#9C9C4E; word-break:break-all;}


.file_uploader_container .file_list_panel table {counter-reset: section;}
.file_uploader_container .file_list_panel table tr td .cnt {}
.file_uploader_container .file_list_panel table tr td .cnt:before {
	counter-increment: section;
    content: counter(section) ". ";
}

.file_uploader_container .file_list_panel div.progressbar {position:relative;width:100%;text-align:center;}
.file_uploader_container .file_list_panel div.progressbar div.progressvalue_panel {position:absolute;left:0px;top:0px;padding:3px 0px;margin:auto;width:100%;z-index:1;color:#EFEFED;
	text-shadow:-1px -1px 1px #aaaaaa, 1px -1px 1px #aaaaaa, -1px 1px 1px #aaaaaa, 1px 1px 1px #aaaaaa;
	font-size:11px;
}

.file_uploader_container .preview_image_panel {position:relative; left:0px;top:0px;padding:10px;border:2px #E6FAFF dashed; background:#F5FDFF; }
.file_uploader_container .preview_image_panel .preview_image_container  { position:relative;left:0px;top:0px; width:100%; height:100px;text-align:center;}
.file_uploader_container .preview_image_panel .preview_image_container a.preview_image_trigger  		{ display:block; width:100%; height:100%; }
.file_uploader_container .preview_image_panel .preview_image_container a.preview_image_trigger img  	{ max-width:100%;max-height:100%; }

.file_uploader_container .uploaded_image_preview {
	display:block;
	position:relative;
	background-repeat:no-repeat;background-position:center center;background-size:contain;width:100%;height:150px;
}
.file_uploader_container .uploading_percentage_panel {
	position:absolute;left:0px;right:0px;top:0px;bottom:0px;margin:auto;
	width:100%;height:100%;
}
.file_uploader_container .uploading_percentage_panel .uploading_percentage_container {
	position:absolute;left:0px;right:0px;top:0px;bottom:0px;margin:auto;
	width:50px;height:50px;line-height:50px;color:#888888;border:1px #cacaca dashed;
	background:rgba(255,255,255,.5);
}



.deleted_uploaded_image_mask {
	position:absolute;left:0px;right:0px;top:0px;bottom:0px;margin:auto;
	width:100%;height:100%;
	background:rgba(255,255,255,.8);
}
.deleted_uploaded_image_msg {
	display:table;
	width:100%;height:100%;
	font-size:16px;line-height:25px;
}
.deleted_uploaded_image_msg_content {
	display:table-cell;
	vertical-align:middle;text-align:center;
	font-size:16px;line-height:35px;
	color:#FF3D0D;
}






/*****************************************************************************************************************/
div.file_uploader_container {}


div.file_uploader_container {padding:10px 0px;}
div.file_uploader_container {padding:0px 0px;}




div.file_uploader_container .toolbox_item_inner 		{width:100%;height:100%;background:#fafafa;}
div.file_uploader_container .toolbox_item_inner 		{position:relative;}

div.file_uploader_container .toolbox_btn 				{font-size:21px;text-align:center;color:#000000;}
div.file_uploader_container .toolbox_btn 				{padding:0px;margin:auto;width:50px;height:50px;line-height:50px;}
div.file_uploader_container .toolbox_btn 				{transition:all 0.5s ease;background:rgba(255,255,255,.2);}

div.file_uploader_container .toolbox_btn 				{border:1px transparent solid;border-radius:0px;}
div.file_uploader_container .toolbox_btn:hover 			{background:rgba(255,255,255,.8);border-color:#cacaca;}



div.file_uploader_container .uploader_tips_panel {
	
	background:#EBEFF0;
	height:50px;
}

div.file_uploader_container .file_uploader_dragndrop_area 	{border:2px #cacaca dashed;padding:10px;}

div.file_uploader_container .file_uploader_flexbox 	{display:flex;
	flex-direction : row;
	height:200px;
}

div.file_uploader_container .file_uploader_flexbox>* {height:100%;}

div.file_uploader_container .file_uploader_flexbox .file_fields_panel 		{width:300px;}
div.file_uploader_container .file_uploader_flexbox .toolbox_left 			{width:50px;}
div.file_uploader_container .file_uploader_flexbox .toolbox_right 			{width:50px;}



div.file_uploader_container .file_uploader_wrapper 	{width:100%;height:100%;position:relative;}




div.file_uploader_container .uploading_files 		{width:100%;height:100%;}
div.file_uploader_container .uploading_files_list 	{position:relative;left:0px;top:0px;display:block;width:100%;height:100%;}
div.file_uploader_container .uploading_items_group 	{position:absolute;left:0px;top:0px;display:block;width:100%;height:100%;background:#ffffff;}

div.file_uploader_container .uploading_items_group .uploading_items_row 			{display:block;height:100%;}
div.file_uploader_container .uploading_items_group .uploading_item 				{display:block;}

div.file_uploader_container .uploading_items_group .preview_img 	{background-position:center center;background-size:contain;background-repeat:no-repeat;}
div.file_uploader_container .uploading_items_group .preview_img 	{width:100%;height:100%;}

div.file_uploader_container .control_cover 	{position:absolute;left:0px;top:0px;right:0px;margin:auto;width:100%;height:100%;text-align:center;font-size:25px;color:#ffffff;}
div.file_uploader_container .control_cover 	{opacity:.5;transition:all 0.5s ease;}
div.file_uploader_container .control_cover:hover 	{opacity:.9;}
div.file_uploader_container .control_cover .item_content 	{
	text-shadow:
   -1px -1px 2px #888888,  
    1px -1px 2px #888888,
    -1px 1px 2px #888888,
     1px 1px 2px #888888;
}

div.file_uploader_container .control_cover .btn {width:120px;text-shadow:none;}









div.file_uploader_container .preview_loading_mask {
	
	width:100%;height:100%;
	position:absolute;left:0px;top:0px;
	background:rgba(255,255,255,.5);
	
	display:block;
	display:none;
}

div.file_uploader_container .preview_loading_mask.show {display:block;}


div.file_uploader_container .uploading_procesing_mask {
	
	width:100%;height:100%;
	position:absolute;left:0px;top:0px;
	background:rgba(255,255,255,.9);
	
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction:column;
	
	display:none;
}


div.file_uploader_container .uploading_procesing_mask .text_content {
	font-size:25px;
	color:#ffffff;
	text-shadow:
   -1px -1px 5px #aaaaaa,  
    1px -1px 5px #aaaaaa,
    -1px 1px 5px #aaaaaa,
     1px 1px 5px #aaaaaa;
}

div.file_uploader_container .uploading_procesing_mask.show {
	display:flex;
}

/****************************************************************************************************/
div.file_uploader_container.file_uploader_container_banner .uploading_items_group .preview_img 	{background-position:center center;background-size:cover;}



























.my_files_manager .menu_group_content {padding:0px !important;}

.my_files_panel 				{border:0px;}
.my_files_panel .sc_panel_body	{padding:4px;}
.my_files_panel .sample			{display:none !important;}

.my_files_panel .uploaded_file_list 									{list-style-type:none;padding:0px;margin:0px;}
.my_files_panel .uploaded_file_list li.file_list_item 					{display:inline-block;margin:2px;position:relative;}
.my_files_panel .uploaded_file_list li.file_list_item .upload_progress	{display:none;}

.my_files_panel .uploaded_file_list li.file_list_item.uploading:after	{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(255,255,255,.8);}
.my_files_panel .uploaded_file_list li.file_list_item.uploading .upload_progress	{display:block;width:100%;text-align:center;z-index:1;font-size:weight;font-size:20px;}
.my_files_panel .uploaded_file_list li.file_list_item.uploading .upload_progress	{position:absolute;left:0px;top:0px;bottom:0px;margin:auto;height:35px;}

.my_files_panel .uploaded_file_list li.file_list_item 					{border:1px #cacaca solid;padding:5px;width:100px;height:100px;padding-bottom:20px;}
.my_files_panel .uploaded_file_list li.file_list_item.video_item 		{width:200px;height:120px;padding-bottom:20px;}

.my_files_panel .uploaded_file_list li.file_list_item.hl {background:#dddddd;}
.my_files_panel .uploaded_file_list li.file_list_item .preview_btn 			{position:absolute;left:0px;top:0px;display:block;width:30px;height:30px;padding:5px 0px;opacity:.5;text-align:center;background:#ffffff;}
.my_files_panel .uploaded_file_list li.file_list_item .preview_btn:hover 	{opacity:1;}
	
.my_files_panel .uploaded_file_list li.file_list_item .select_btn 			{position:absolute;left:0px;top:0px;display:block;width:100%;height:100%;padding:5px 0px;opacity:0;text-align:center;}
.my_files_panel .uploaded_file_list li.file_list_item .select_btn:hover 	{opacity:.5;}

	
.my_files_panel .uploaded_file_list li.file_list_item .preview_img 	
	{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:contain;}

.my_files_panel .uploaded_file_list li.file_list_item .filename {
	padding:1px 5px;text-align:center;
	position:absolute;bottom:0px;left:0px;
	text-overflow:ellipsis;
	width:100%;display:block;overflow:hidden;
	white-space: nowrap;
}

.my_files_panel .uploaded_file_list li.file_list_item .option_btn 			{position:absolute;right:0px;top:0px;display:block;width:30px;height:30px;padding:5px 0px;opacity:.5;text-align:center;background:#ffffff;}
.my_files_panel .uploaded_file_list li.file_list_item .option_btn:hover 	{opacity:1;}

.preview_img 	
	{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:contain;}





.record_static_contents {}
.record_static_contents .file_uploader_container {border-bottom:1px #dddddd solid;}