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

.drop_n_drop_container {border:2px #cacaca dashed;text-align:center;padding:10px;background:#ffffff;transition:all 0.5s ease;}
.drop_n_drop_container.dragenter {background:#eaeaea;}



.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;
}




/******************************************************************************************************************/

html body .ui-progressbar-value {
  transition: width 0.5s;
  -webkit-transition: width 0.5s;
 
}
html body .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 .upload_stages_container {border:2px #cacaca dashed;}

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 {}
html body .file_uploader_container .file_list_panel {margin-top:10px;}
html body .file_uploader_container .file_list_panel ul {padding:0px;margin:0px;list-style-type:none; border-radius:5px;}
html body .file_uploader_container .file_list_panel ul li {padding:5px;border-bottom:1px #66CCFF dashed;}

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

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

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

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

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

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


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

html body .file_uploader_container .file_list_panel div.progressbar {position:relative;width:100%;text-align:center;}
html body .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;
}

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

html body .file_uploader_container .uploaded_image_preview {
	display:block;
	position:relative;
	background-repeat:no-repeat;background-position:center center;background-size:contain;
	height:100%;
}

html body .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);
}
html body .deleted_uploaded_image_msg {
	display:table;
	width:100%;height:100%;
	font-size:16px;line-height:25px;
}
html body .deleted_uploaded_image_msg_content {
	display:table-cell;
	vertical-align:middle;text-align:center;
	font-size:16px;line-height:35px;
	color:#FF3D0D;
}



div.uploader_preview_img .uploaded_image_preview {
	display:block;
	position:relative;
	background-color:#ffffff;
	background-repeat:no-repeat;background-position:center center;background-size:contain;width:100%;height:100%;
}


/******************************************************************************************************************/

div.uploading_files {}
div.uploading_files {max-height:300px;overflow:auto;}
div.uploading_files ul.uploading_files_list 	{padding:0px;margin:0px;list-style-type:none;text-align:left;}
div.uploading_files ul.uploading_files_list 	{counter-reset:upload_count;}
div.uploading_files ul.uploading_files_list li 	{display:block;position:relative;font-size:0;height:35px;}
div.uploading_files ul.uploading_files_list li 	{counter-increment: upload_count;}

div.uploading_files ul.uploading_files_list li .counter:before 			{content: counter(upload_count) '. ';}
div.uploading_files ul.uploading_files_list li .uploading_item 			{display:inline-block;font-size:13px;border:1px #EEF1F3 solid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
div.uploading_files ul.uploading_files_list li .uploading_item 			{padding:7px 10px;height:100%;color:#697C8A;}
div.uploading_files ul.uploading_files_list li .filename 				{width:200px;}
div.uploading_files ul.uploading_files_list li .filesize 				{}
div.uploading_files ul.uploading_files_list li .filetype 				{}

div.uploading_files ul.uploading_files_list li>* {border-right-width:0px;}
div.uploading_files ul.uploading_files_list li>*:last-child {border-right-width:1px;}

div.uploading_files ul.uploading_files_list 													{display:table;width:100%;}
div.uploading_files ul.uploading_files_list li.uploading_items_group 							{display:table-row-group;}

div.uploading_files ul.uploading_files_list li.uploading_items_group div.uploading_items_row 	{display:table-row;}
div.uploading_files ul.uploading_files_list li.uploading_items_group .uploading_item			{display:table-cell;width:1px;white-space:nowrap;}
div.uploading_files ul.uploading_files_list li.uploading_items_group .uploading_item.filename	{width:100%;}


div.uploading_files ul.uploading_files_list li.uploading_items_group .processing_item			{position:relative;}

div.uploading_files ul.uploading_files_list li.uploading_items_group .parse_btn					{cursor:pointer;}
div.uploading_files ul.uploading_files_list li.uploading_items_group .parse_btn:hover			{background:#0E7688;color:#ffffff;}

div.uploading_files ul.uploading_files_list li.uploading_items_group .delete_btn					{cursor:pointer;}
div.uploading_files ul.uploading_files_list li.uploading_items_group .delete_btn:hover				{background:#f0f0f0;}

div.uploading_files ul.uploading_files_list li.uploading_items_group .delete_operation_btn			{cursor:pointer;}
div.uploading_files ul.uploading_files_list li.uploading_items_group .delete_operation_btn:hover	{background:#f0f0f0;}


div.uploading_files ul.uploading_files_list li.uploading_items_group .processing_item.success 	{background:#56BA2F;color:#ffffff;}
div.uploading_files ul.uploading_files_list li.uploading_items_group .processing_item.danger 	{background:#DE5900;color:#ffffff;}

div.uploading_files ul.uploading_files_list li.uploading_items_group .fileicon:hover {background-color:#fafafa;}
div.uploading_files ul.uploading_files_list li.uploading_items_group .filename:hover {background-color:#fafafa;}


div.uploading_files ul.uploading_files_list li.uploading_items_group .fileicon {background-position:center center;background-size:cover;}

div.uploading_files ul.uploading_files_list li.uploading_items_group.parsed {}
div.uploading_files ul.uploading_files_list li.uploading_items_group.parsed>.uploading_items_row 	{}
div.uploading_files ul.uploading_files_list li.uploading_items_group.parsed>.uploading_items_row>.filename 	{background:#56BA2F;color:#ffffff;}
div.uploading_files ul.uploading_files_list li.uploading_items_group.parsed>.uploading_items_row>.parse_btn 	{background:#56BA2F;color:#ffffff;}

div.uploading_files ul.uploading_files_list li.uploading_items_group.parsed_error {}
div.uploading_files ul.uploading_files_list li.uploading_items_group.parsed_error>.uploading_items_row 	{}
div.uploading_files ul.uploading_files_list li.uploading_items_group.parsed_error>.uploading_items_row>.filename 	{background:#FF653F;color:#ffffff;}
div.uploading_files ul.uploading_files_list li.uploading_items_group.parsed_error>.uploading_items_row>.parse_btn 	{background:#FF653F;color:#ffffff;}