.webuploader-container{position: relative; display: inline-block; vertical-align: middle; }
.webuploader-element-invisible {position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick-disable {opacity: 0.6; pointer-events:none; }
.webuploader-pick{padding: 0 18px; height: 38px; line-height: 38px; background-color: #009688; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer; outline: 0; -webkit-appearance: none; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box; }
.thumbnail {overflow: hidden;float:left;width:100px;height:100px;margin-right:10px;text-align: center;display: block;margin-bottom: 20px; line-height: 100px; background-color: #fff; border: 1px solid #ddd; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; display: inline-block; position: relative;padding:5px;}
.file-item.thumbnail .info{display: none; }
.file-panel{position: absolute; width: 100%; height: 30px; line-height: 30px; left: 0; right: 0; top: -30px; background: rgba(0, 0, 0, 0.4); z-index: 3; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; }
.thumbnail:hover .file-panel{top: 0; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; }
.file-item.thumbnail .file-panel i{font-size: 18px; color: #fff;width: 16px; height: 16px; line-height: 16px;z-index: 5;cursor: pointer;}
.file-item.thumbnail .file-panel i.move-picture{cursor: move; }
.file-item .progress.progress-xs{margin-bottom: 5px; margin-top: 5px; }
.file-item .error, .file-item .img-state{position: absolute; top: 4px; left: 4px; right: 4px; color: white; text-align: center; height: 20px; font-size: 14px; line-height: 20px; }
.file-item .error{background: rgba(255, 0, 0, 0.67); }
.file-item .success{background: rgba(25, 167, 75, 0.78); }
.uploader-list .list-group-item img{width: 40px; height: 40px; }
.file-item .fa-check {color: #68C39F; margin-top: 3px; }
.progress.progress-mini {height: 5px; }
.remove-margin {margin: 0 !important; }
.progress {height: 24px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; }
.progress {height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); }
.progress.progress-mini .progress-bar {line-height: 5px; }
.progress-bar.active, .progress.active .progress-bar {-webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }
.progress-bar-primary {background-color: #ff6b6b; }
.progress-bar-primary {background-color: #5c90d2; }
.progress-bar {line-height: 24px; font-weight: 600; -webkit-box-shadow: none; box-shadow: none; }
.progress-bar-striped, .progress-striped .progress-bar {background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.progress-bar {float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; }
.uploader-list .thumbnail>img {cursor: zoom-in;max-height: 100%; max-width: 100%;display: inline-block; vertical-align: middle; }