.dropzone-inactive{opacity:.4;cursor:not-allowed !important}.dropzone .overlay{cursor:wait}.dropzone{padding:20px;border:2px dashed #ccc;text-align:center;cursor:pointer;position:relative}.dropzone .dz-preview{position:relative;display:inline-block;margin:.2em;cursor:default}.dz-image{width:180px;height:120px}.dz-filetype{font-size:22px;font-family:fontawesome}.pdf:after{content:"\f1c1"}.jpg:after{content:"\f03e"}.mp4:after{content:"\f008"}.dz-details{position:absolute;top:0;left:0;min-width:100%;max-width:100%;padding:2em 1em}.dz-image-preview .dz-details{opacity:0;color:rgba(0,0,0,0.9)}.file-preview-frame{display:inline-block;max-width:280px;min-width:280px;margin:12px 5px}.video-preview-frame{display:inline-block;max-width:387px;margin-bottom:5px}.dropzone .dz-message{margin:2em 0}.dz-filename span,.dzsize span{word-wrap:break-word}.dz-image-preview .dz-filename span,.dz-image-preview .dz-size span{background-color:rgba(0,0,0,0.8);padding:0 .4em;color:#fff}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{background:#999;background:linear-gradient(to bottom,#eee,#ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{float:right;cursor:pointer}.dropzone .dz-preview{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-image{overflow:hidden;position:relative;display:block}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(0.77,0,0.175,1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(0.77,0,0.175,1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom,#666,#444);position:absolute;top:0;left:0;bottom:0;width:0;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom,#be2626,#a92222);padding:.5em 1.2em;color:white}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}.file-preview-frame .imgText{background:linear-gradient(to bottom,transparent 0,#000 150%)}