.dropzone { min-height : 350px; border : 2px dashed #666EE8; background : #F4F5FA; } .dropzone .dz-message { font-size : 2rem; position : absolute; top : 50%; right : 0; width : 100%; height : 300px; margin-top : -30px; color : #666EE8; text-align : center; } .dropzone .dz-message:before { content : '\e864'; font-family : 'feather'; font-size : 80px; position : absolute; top : 48px; width : 80px; height : 80px; display : inline-block; right : 50%; margin-right : -40px; line-height : 1; z-index : 2; color : #666EE8; text-indent : 0; font-weight : normal; -webkit-font-smoothing : antialiased; } .dropzone .dz-preview.dz-image-preview { background : transparent; } .dropzone .dz-preview .dz-remove { font-size : 1.1rem; color : #FF4961; line-height : 2rem; } .dropzone .dz-preview .dz-remove:before { content : '\e9e6'; font-family : 'feather'; display : inline-block; line-height : 1; z-index : 2; text-indent : 0; font-weight : normal; -webkit-font-smoothing : antialiased; } .dropzone .dz-preview .dz-remove:hover { text-decoration : none; color : #FF1635; }