@charset "utf-8";

.upload-file-system .modal-dialog { margin-top: 50px; }
.upload-file-system .modal-header { text-align: center; background: #9E9E9E; color: #fff; }
.upload-file-system .modal-info { margin: 20px 0px; color: #666666; }
.upload-file-system .modal-footer { text-align: center; }
.upload-file-system .headerAttr { height: 48px; width: 100%; background: rgb(179, 150, 150); margin-bottom: 10px; }
.upload-file-system .headerAttr .name { float: left; padding: 7px; height: 30px; width: 212px; }
.upload-file-system .headerAttr .name input { width: 200px; font-size: 11px; height: 15px; background-color: #FFF; padding: 7px; border: 1px solid #ccc;}
.upload-file-system .headerAttr .addFile  { width: 58px; height: 47px; cursor: pointer; padding: 9px; float: right; }
.upload-file-system .headerAttr .addFile:before { font-size: 30px; color: #666666; }
.upload-file-system .headerAttr .addFile input { opacity: 0; width: 41px; height: 26px; cursor: pointer; position: absolute; margin-top: -28px; }
.upload-file-system #listAtt { width: 100%; height: 294px; overflow: hidden; border: 1px solid #CCC; }
.upload-file-system #listAtt ul { }
.upload-file-system #listAtt .loading-att { text-align: center; margin-top: 30px; background: transparent; }
.upload-file-system #listAtt .no-file { text-align: center; margin-top: 30px; background: transparent; }
.upload-file-system #listAtt ul li { list-style: none; width: 98%; height: 45px; margin: 5px; background: #EFF0AD; }
.upload-file-system #listAtt ul li .type { float: left; height: 45px; width: 40px; background-size: 30px !important; padding: 4px; }
.upload-file-system #listAtt ul li .name { overflow: hidden; float: left; padding: 15px; width: 190px; width: 55%; font-size: 11px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.upload-file-system #listAtt ul li input { background: transparent; width: 80%; font-size: 11px; border: 1px solid #ccc; margin-right: 4px; }
.upload-file-system #listAtt ul li .delete { font-size: 25px; color: #666666; margin-top: 8px; float: right; cursor: pointer; margin-right: 20px; }
.upload-file-system #listAtt ul li .download { font-size: 25px; color: #666666; margin-top: 8px; float: right; cursor: pointer; }
.upload-file-system #listAtt ul li .progressUploadFile { position: absolute; width: 122px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; margin: 0px auto 0px auto; }
.upload-file-system #listAtt ul li .loading { padding: 0px !important; background: url('../../../public/image/theme/spinner.gif') no-repeat scroll 98% 50% transparent; width: 18px; height: 18px; display: none; position: absolute; margin-top: -4px; margin-left: 130px; }
.upload-file-system #listAtt ul li .bar { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px; }
.upload-file-system #listAtt ul li .percent { color: #333; position: absolute; display: inline-block; top: 1px; left: 48%; font-size: 9px; line-height: 12px; }
.upload-file-system #listAtt .error { background: red; }
.upload-file-system .jpg { background: url('../../../public/image/icon_file/jpg.png') no-repeat scroll center center; }
.upload-file-system .jpeg { background: url('../../../public/image/icon_file/jpg.png') no-repeat scroll center center; }
.upload-file-system .png { background: url('../../../public/image/icon_file/png.png') no-repeat scroll center center; }
.upload-file-system .tif { background: url('../../../public/image/icon_file/tif.png') no-repeat scroll center center; }
.upload-file-system .gif { background: url('../../../public/image/icon_file/gif.png') no-repeat scroll center center; }
.upload-file-system .xlsx, .upload-file-system .xls { background: url('../../../public/image/icon_file/excel.png') no-repeat scroll center center; }
.upload-file-system .docx, .upload-file-system .doc { background: url('../../../public/image/icon_file/word.png') no-repeat scroll center center; }
.upload-file-system .psd { background: url('../../../public/image/icon_file/photoshop.png') no-repeat scroll center center; }
.upload-file-system .pdf { background: url('../../../public/image/icon_file/pdf.png') no-repeat scroll center center; }
.upload-file-system .ai { background: url('../../../public/image/icon_file/illustrator.png') no-repeat scroll center center; }
.upload-file-system .pptx, .upload-file-system .ppt { background: url('../../../public/image/icon_file/powerpoint.png') no-repeat scroll center center; }
.upload-file-system .ppt { background: url('../../../public/image/icon_file/powerpoint.png') no-repeat scroll center center; }
.upload-file-system .css { background: url('../../../public/image/icon_file/css.png') no-repeat scroll center center; }
.upload-file-system .html { background: url('../../../public/image/icon_file/html.png') no-repeat scroll center center; }
.upload-file-system .js { background: url('../../../public/image/icon_file/js.png') no-repeat scroll center center; }
.upload-file-system .php { background: url('../../../public/image/icon_file/php.png') no-repeat scroll center center; }
.upload-file-system .wav, .upload-file-system .mp3 { background: url('../../../public/image/icon_file/wav.png') no-repeat scroll center center; }