.progress { position:relative; width:30%; border: 1px solid #ddd; padding: 1px; border-radius: 3px; clear:none;float:left;}
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:2px; /*left:48%;*/width:100%; text-align:center;font-size:10pt; }
.myfile {position:absolute;bottom:0;left:0;display:inline-block;z-index:2;opacity:0;cursor:pointer;width:100%}
.filecontainer {position:relative;}
.sf{background-color:royalblue;color:#fff;padding:2px 5px;font-weight:bold;}
.infoerror{color:#ff0000;}
ul#uploadlist, ul#uploadedlist{width:70%;list-style-type:none;padding:0;display:block;margin:0px auto;}
ul#uploadedlist li {padding:2px 0;}
ul#uploadedlist li a {color:royalblue;text-decoration:none;}
ul#uploadedlist li a:hover{text-decoration:underline;}
div.filecontainer li{width:60%;display:inline-block;margin:0px auto;vertical-align:middle;}
div.filecontainer .des{width:50%;display:inline-block;clear:none;float:left;font-size:9pt;font-family:Arial;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;padding: 2px 5px 0 2px;}
div.filecontainer .size_des{width:10%;display:inline-block;clear:none;float:left;font-size:9pt;font-family:Arial;padding: 2px 5px 0 2px;}

img.del-btn {margin-right:2%;cursor:pointer;vertical-align:top;}
img.del-btn:hover{opacity:0.7;top:1px;}
img.loader{display:none;}