.image-uploader{padding:1em 1px;overflow:auto}.image-uploader .drag-drop-section{text-align:center}.image-uploader .drag-drop-section .submit-btn,.image-uploader .drag-drop-section .upload-btn{margin-top:1em}.upload-area{color:#404445;min-height:175px;border:2px dashed #CCC;font-size:2.2em;position:relative;background-color:#FFF;-webkit-border-radius:8px 8px 8px 8px;border-radius:8px}.upload-area .text-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.upload-area.has-thumb .text-info{display:none}.upload-area .error-info{position:absolute;top:-100px;left:0;background-color:#fcf8e3;width:100%;font-size:14px;opacity:0;-webkit-transition:all .8s linear;-moz-transition:all .8s linear;-ms-transition:all .8s linear;-o-transition:all .8s linear;transition:all .8s linear}.upload-area .error-info.in{top:1px;opacity:1}.image-uploader .file-list{display:flex;flex-flow:row wrap;align-content:space-between;justify-content:space-around;padding:1em}.preview-thumbnail-item{position:relative;height:160px;width:27%;margin-bottom:1em;border:1px solid #ccc}.preview-thumbnail-item .thumnail-image{width:100%;height:100%;overflow:hidden;position:relative;z-index:0}.preview-thumbnail-item .file-thumbnail i,.preview-thumbnail-item .thumnail-image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}.preview-thumbnail-item .thumnail-image .file-thumbnail{width:100%;height:100%;background-color:#EDF3F7}.preview-thumbnail-item .thumnail-image .file-thumbnail .file-name{width:85%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;margin:0 auto 16px;padding:5px 0;border-bottom:1px solid #ccc}.preview-thumbnail-item .thumnail-close-btn{position:absolute;color:#FFF;background-color:#d9534f;padding:0 6px;-webkit-border-radius:1em;border-radius:1em;right:-10px;top:-10px;cursor:pointer;z-index:100;display:none}.preview-thumbnail-item:hover .thumnail-close-btn{display:block}.preview-thumbnail-item .file-uploaded,.preview-thumbnail-item.uploaded .thumnail-close-btn,.preview-thumbnail-item.uploaded:hover .thumnail-close-btn{display:none}.preview-thumbnail-item.uploaded .file-uploaded{display:block}.preview-thumbnail-item .file-info{position:absolute;z-index:100;top:40%;left:50%;transform:translate(-50%,-50%);opacity:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.preview-thumbnail-item:hover .file-info{opacity:1;top:50%}.preview-thumbnail-item .thumnail-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#FFF;opacity:0;z-index:1;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.preview-thumbnail-item.uploading .thumnail-overlay,.preview-thumbnail-item:hover .thumnail-overlay{opacity:.8}.preview-thumbnail-item .thumnail-progress-wrapper{position:absolute;z-index:100;width:85%;left:50%;transform:translateX(-50%);bottom:0;opacity:0;-webkit-transition:all 250ms linear;-moz-transition:all 250ms linear;-ms-transition:all 250ms linear;-o-transition:all 250ms linear;transition:all 250ms linear}.preview-thumbnail-item.uploading .thumnail-progress-wrapper{opacity:1;bottom:1em}.thumnail-progress{height:15px;overflow:hidden;background-color:#f5f5f5}.thumnail-progress .thumnail-progress-bar{float:left;height:100%;width:0;background-color:#54599C;-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}.thumnail-progress-wrapper .progress-text{font-size:1.5em;color:#FFF;text-shadow:0 0 3px #212121}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
/*# sourceMappingURL=dragdrop-upload.min.css.map */