/*
  Easyui Of Insdep Theme 2.x 上传
  版本：2.0.0
  手册：https://www.insdep.com/2.x
*/


.batch-upload{ clear: both; position: relative; }
.batch-upload,.batch-upload .upload-list{ width: auto; height: auto; overflow: auto; }
.batch-upload .upload-operate{ float: left; width: 290px; margin: 0 15px 0 0;}
.batch-upload .upload-list{ margin: 15px 0 0 0;overflow-y:hidden;}
.batch-upload .upload-list .upload-files-nofiles{color:red;text-align:center;}

.batch-upload .upload-operate .upload-dragged{ width: 250px; height: 250px; margin: 15px; background-color: #fafafa;border:2px dashed #dddddd; border-radius: 5px; }
.batch-upload .upload-operate .upload-dragged b{ width: 100%; display: block; background: url(images/upload-icon.png) top center no-repeat; padding: 38px 0 0 0; text-align: center; font-weight: normal; color: #9a9a9a; margin: 100px 0 0; }
.batch-upload .upload-operate .upload-button,.batch-upload .upload-operate .upload-button input{cursor:pointer;  width: 80%; height: 34px; }
.batch-upload .upload-operate .upload-button{cursor:pointer; line-height: 34px; text-align: center; margin: 0 auto; background-color: #64ab25; color: #fff; border-radius: 3px; position: relative;}
.batch-upload .upload-operate .upload-button input{position: absolute; top: 0; right: 0; bottom: 0; left: 0; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.batch-upload .upload-list p{ font-weight: bold; margin: 0 0 10px ;}
.batch-upload .upload-list .upload-scroll{overflow-y:auto; clear:both;margin-right:20px; border:1px solid #f1f1f1;padding-bottom:5px;}
.batch-upload .upload-list dl{ position: relative; border-bottom: 1px solid #dddddd;border-top: 1px solid #fff; margin: 0px 5px 0px 5px; padding: 7px 0 0 50px;}
.batch-upload .upload-list dl:hover{ background-color:#f1f1f1;box-shadow:0 0 10px rgba(0,0,0,0.3);border-top: 1px solid #dddddd;border:1px solid #ccc;}
.batch-upload .upload-list dl:last-child{ border-bottom:none;}
.batch-upload .upload-list dl dd{ padding: 0px 0; height:5px; overflow-y:hidden;}
.batch-upload .upload-list dl dd .progressbar-text{ width: 100% !important; }

.batch-upload .upload-list dl dd .easyui-progressbar,.batch-upload .upload-list dl dd .progressbar-text,.batch-upload .upload-list dl dd .progressbar-value{ height: 5px !important; line-height: 5px !important;  overflow-y:hidden;}

.batch-upload .upload-list dl dt{text-align:left;min-height:47px;vertical-align: top;}
.batch-upload .upload-list dl dt .upload-cancel{ width: 15px; height:15px; display: block; float: right; cursor: pointer; background-image: url(images/cancel_icons.png) ; background-repeat: no-repeat; background-position: right center; }
.batch-upload .upload-list dl dt span{ padding: 0 0 0 10px; color: #a3a3a3; }

.batch-upload .upload-list .upload-files-success:before,.batch-upload .upload-list .upload-files-error:before
{content:""; width: 16px; height: 16px; position:absolute; top: 33px; left:27px;}
.batch-upload .upload-list .upload-files-success:before{ background:url(images/prompt_03.png) center center no-repeat;}
.batch-upload .upload-list .upload-files-error:before{ background:url(images/prompt_02.png) center center no-repeat;}

.batch-upload .upload-list dl{ background-position: 0 7px; background-repeat: no-repeat; background-size: 43px 40px; }
.batch-upload .upload-list .file-icon-ai{ background-image: url(images/file/ai.png); }
.batch-upload .upload-list .file-icon-download{ background-image: url(images/file/download.png); }
.batch-upload .upload-list .file-icon-excel{ background-image: url(images/file/excel.png); }
.batch-upload .upload-list .file-icon-folder{ background-image: url(images/file/folder.png); }
.batch-upload .upload-list .file-icon-gif{ background-image: url(images/file/gif.png); }
.batch-upload .upload-list .file-icon-html{ background-image: url(images/file/html.png); }
.batch-upload .upload-list .file-icon-jpg{ background-image: url(images/file/jpg.png); }
.batch-upload .upload-list .file-icon-mp3{ background-image: url(images/file/mp3.png); }
.batch-upload .upload-list .file-icon-pdf{ background-image: url(images/file/pdf.png); }
.batch-upload .upload-list .file-icon-ppt{ background-image: url(images/file/ppt.png); }
.batch-upload .upload-list .file-icon-psd{ background-image: url(images/file/psd.png); }
.batch-upload .upload-list .file-icon-txt{ background-image: url(images/file/txt.png); }
.batch-upload .upload-list .file-icon-upload{ background-image: url(images/file/upload.png); }
.batch-upload .upload-list .file-icon-video{ background-image: url(images/file/video.png); }
.batch-upload .upload-list .file-icon-white{ background-image: url(images/file/white.png); }
.batch-upload .upload-list .file-icon-word{ background-image: url(images/file/word.png); }
.batch-upload .upload-list .file-icon-zip{ background-image: url(images/file/zip.png); }

.batch-upload-images .upload-list{overflow-X:hidden;}
.batch-upload-images .upload-list .upload-scroll{padding:5px;}
.batch-upload-images .upload-list dl dt{text-align:left;min-height:40px;max-height:40px;vertical-align: top;overflow:hidden;}
.batch-upload-images .upload-list dl dd{ padding: 5px 0;}
.batch-upload-images .upload-list dl dd .easyui-progressbar,.batch-upload-images .upload-list dl dd .progressbar-text,.batch-upload-images .upload-list dl dd .progressbar-value{ height: 10px !important; line-height: 10px !important; }
.batch-upload-images .upload-list dl img{ width: 160px; height: 120px; border-radius: 5px; }
.batch-upload-images .upload-list dl{ width: 160px; border-bottom:none; margin: 0 10px 20px 0; padding: 0; float: left;border:1px solid #f1f1f1;border-radius: 5px; }
.batch-upload-images .upload-list .upload-files-success:before,.batch-upload-images .upload-list .upload-files-error:before
{top: 100px;left: 140px;}



.batch-upload-simple .upload-list,.batch-upload-simple .upload-operate{ clear: both; width:auto; }
.batch-upload-simple .upload-list{margin:10px;}
.batch-upload-simple .upload-list .upload-scroll{margin:0px;overflow-y:auto; clear:both;}
.batch-upload-simple .upload-operate{margin:0; width: 100%; }
.batch-upload-simple .upload-operate .upload-dragged{ width: auto; height:80px;  margin: 10px}
.batch-upload-simple .upload-operate .upload-dragged b{ margin: 10px 0 0; }

.pluploader-button{background-color:#f1f1f1;text-align:left;line-height:30px;padding:0 10px;}

.batch-upload-button .upload-button,.batch-upload-button .upload-button input{cursor:pointer;  width: 100px; height: 27px; text-align:left;margin:0px 0px;line-height:27px !important;}
.batch-upload-button .upload-button{cursor:pointer; line-height: 34px; text-align: center; margin: 0 auto; background-color: #64ab25; color: #fff; border-radius: 3px; position: relative;}
.batch-upload-button .upload-button input{position: absolute; top: 0; right: 0; bottom: 0; left: 0; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.batch-upload-button .upload-list {margin:0px;overflow-y:auto; clear:both;border:1px solid #f1f1f1;padding-bottom:5px;}
.batch-upload-button .upload-list dl{ background-repeat: no-repeat; background-size: 31px 30px; height:30px;padding-left:40px;padding-bottom:5px;}
.batch-upload-button .upload-list dl dt{text-align:left;min-height:27px;vertical-align: top;}
.batch-upload-button .upload-list .upload-files-success:before,.batch-upload-button .upload-list .upload-files-error:before
{content:""; width: 16px; height: 16px; position:absolute; top: 23px; left:17px;}
.batch-upload-button .upload-list .upload-files-success:before{ background:url(images/prompt_03.png) center center no-repeat;}
.batch-upload-button .upload-list .upload-files-error:before{ background:url(images/prompt_02.png) center center no-repeat;}