.clear_float:before,.clear_float:after{content:" ";display:table}.clear_float:after{clear:both}.dropzone,.dropzone *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dropzone{position:relative;border:1px solid rgba(0,0,0,0.08);background:rgba(0,0,0,0.02);padding:1em;border:1px solid rgba(0,0,0,0.03);min-height:160px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-ms-border-radius:3px;background:rgba(0,0,0,0.03);padding:23px}.dropzone.drag-hover{border-color:green;background:green}.dropzone.clickable{cursor:pointer}.dropzone.drag-hover{border-color:green;background:green}.dropzone.started .message{display:none}.dropzone .message{opacity:1;-ms-filter:none;filter:none}.dropzone .preview{-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.16);-moz-box-shadow:1px 1px 4px rgba(0,0,0,0.16);box-shadow:1px 1px 4px rgba(0,0,0,0.16);font-size:14px;background:rgba(255,255,255,0.8);position:relative;display:inline-block;margin:17px;vertical-align:top;border:1px solid #acacac;padding:6px 6px 28px 6px}.dropzone .preview.image-preview:hover .details img{display:block;opacity:0.1;filter:alpha(opacity=10);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"}.dropzone .preview .details{width:100px;height:100px;position:relative;background:#ebebeb;padding:5px}.dropzone .preview .details .filename{overflow:hidden;height:100%}.dropzone .preview .details img{position:absolute;top:0;left:0;width:100px;height:100px}.dropzone .preview .details .size{position:absolute;bottom:-28px;left:3px;height:28px;line-height:28px}.dropzone .preview.error .error-mark{display:block;opacity:1;-ms-filter:none;filter:none}.dropzone .preview.error .progress .upload{background:#ee1e2d}.dropzone .preview.success .progress{display:none;display:block;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}.dropzone .preview.success .success-mark{display:block;opacity:1;filter:alpha(opacity=100)}.dropzone .preview:hover .details img{display:none}.dropzone .preview:hover .success-mark,.dropzone .preview:hover .error-mark{display:none}.dropzone .preview .success-mark,.dropzone .preview .error-mark{display:none;position:absolute;width:40px;height:40px;font-size:30px;text-align:center;right:-10px;top:-10px;display:block;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}.dropzone .preview .success-mark span,.dropzone .preview .error-mark span{display:none}.dropzone .preview .success-mark{color:#8cc657;background-position:-268px -163px}.dropzone .preview .error-mark{color:#ee162d;background-position:-268px -123px}.dropzone .preview .progress{position:absolute;top:100px;left:6px;right:6px;height:6px;background:#d7d7d7}.dropzone .preview .progress .upload{bottom:0;background-color:#8cc657;-webkit-animation:loading 0.4s linear infinite;-moz-animation:loading 0.4s linear infinite;-o-animation:loading 0.4s linear infinite;-ms-animation:loading 0.4s linear infinite;animation:loading 0.4s linear infinite;-webkit-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-ms-border-radius:2px;position:absolute;top:0;left:0;width:0%;height:100%}.dropzone .preview .error-message{display:none;position:absolute;top:-5px;left:-20px;background:rgba(245,245,245,0.8);padding:8px 10px;color:#800;min-width:140px;max-width:500px;display:block;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.dropzone .preview:hover.error .error-message{display:block;opacity:1;filter:alpha(opacity=100)}.dropzone .default.message{opacity:1;filter:alpha(opacity=100);-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;position:absolute;width:428px;height:123px;margin-left:-214px;margin-top:-61.5px;top:50%;left:50%}.dropzone .default.message span{display:block;text-align:center;font-size:16px;color:#999}.dropzone.square .default.message{background-position:0 -123px;width:268px;margin-left:-134px;height:174px;margin-top:-87px}.dropzone.drag-hover .message{opacity:.15;filter:alpha(opacity=15)}.dropzone.started .message{display:block;opacity:0;filter:alpha(opacity=0)}#dropzone{margin:30px 0;-webkit-box-shadow:0 0 50px rgba(0,0,0,0.13);-moz-box-shadow:0 0 50px rgba(0,0,0,0.13);box-shadow:0 0 50px rgba(0,0,0,0.13);padding:4px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-ms-border-radius:3px}#dropzone .dropzone{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}