.drop_uploader.drop_zone{border:3px dashed #e0e9fa;border-radius:8px;margin:10px 0;min-height:100px;text-align:center;width:100%}.drop_uploader.drop_zone.hover{border:3px dashed #3f78e0}.drop_uploader.drop_zone .text_wrapper{margin-top:30px}.drop_uploader.drop_zone .text_wrapper i{color:#3f78e0;font-size:50px;margin-right:25px;position:relative;top:14px}.drop_uploader.drop_zone .text{color:#60697b;font-family:Manrope;font-size:24px}.drop_uploader.drop_zone ul.files{list-style:none;margin:10px auto 35px;text-align:left;width:90%}.drop_uploader.drop_zone ul.files li{background-color:#f5f5f5;border-bottom:2px solid #f5f5f5;border-top:2px solid #f5f5f5;color:#000;font-family:Manrope;font-size:18px;margin:0;padding:5px}.drop_uploader.drop_zone ul.files li i.action-delete{color:red;cursor:pointer;float:right}.drop_uploader.drop_zone ul.files.thumb{list-style:none;margin-bottom:35px;overflow:auto;text-align:left;width:90%}.drop_uploader.drop_zone ul.files.thumb li{background-color:transparent;border:none;color:#000;display:inline-block;float:left;font-family:Manrope;font-size:18px;margin:0;min-width:100px;padding:5px 15px;text-align:center}.drop_uploader.drop_zone ul.files.thumb li div.thumbnail{background-size:cover;border:1px solid #e1e1e1;border-radius:8px 8px 8px 8px;-moz-border-radius:8px 8px 8px 8px;-webkit-border-radius:8px 8px 8px 8px;height:100px;margin:0 auto;position:relative;width:100px}.drop_uploader.drop_zone ul.files.thumb li div.thumbnail .du_hover_layer{background:#fff;border-radius:7px;height:100px;opacity:0;position:absolute;transition:opacity .1s ease-in;width:100px}.drop_uploader.drop_zone ul.files.thumb li div.thumbnail:hover .du_hover_layer{opacity:.8;position:absolute;transition:opacity .1s ease-in}.drop_uploader.drop_zone ul.files li .du_progress{display:inline-block;float:right;margin:0;position:relative;right:8px}.drop_uploader.drop_zone ul.files.thumb li .du_progress{float:right;height:0;margin-top:-100px;position:relative;right:75px;width:0}.drop_uploader.drop_zone ul.files.thumb li .du_progress canvas{margin-top:25px}.drop_uploader.drop_zone ul.files.thumb li div.thumbnail.rotate_90{transform:rotate(-90deg)}.drop_uploader.drop_zone ul.files.thumb li div.thumbnail.rotate_180{transform:rotate(-180deg)}.drop_uploader.drop_zone ul.files.thumb li div.thumbnail.rotate_270,.drop_uploader.drop_zone ul.files.thumb li div.thumbnail.rotate_90 i{transform:rotate(90deg)}.drop_uploader.drop_zone ul.files.thumb li div.thumbnail.rotate_180 i{transform:rotate(180deg)}.drop_uploader.drop_zone ul.files.thumb li div.thumbnail.rotate_270 i{transform:rotate(-90deg)}.drop_uploader.drop_zone ul.files.thumb li div.thumbnail i{color:#4a90e2;display:block;font-size:32px;position:relative;top:calc(50% - 24px)}.drop_uploader.drop_zone ul.files li .percent{float:right;padding-left:13px;padding-right:15px}.drop_uploader.drop_zone ul.files.thumb li div.thumbnail .percent{display:block;font-size:13px;position:relative;position:absolute;top:calc(50% - 11px);width:100%;z-index:9}.drop_uploader.drop_zone ul.files.thumb.ajax li div.thumbnail:hover i{display:none;opacity:0;visibility:hidden}.drop_uploader.drop_zone ul.files.thumb li div.thumbnail i.action-delete{color:red;float:none;opacity:0;transition:opacity .1s ease-in;visibility:hidden}.drop_uploader.drop_zone ul.files.thumb li div.thumbnail:hover i.action-delete{cursor:pointer;display:block;opacity:1;transition:opacity .1s ease-in;visibility:visible}.drop_uploader.drop_zone ul.files.thumb li span.title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100px}.drop_uploader.drop_zone ul.files li:nth-child(2n){background-color:transparent}.drop_uploader.drop_zone ul.files li i{font-size:20px;margin:0 10px;position:relative;top:2px}.drop_uploader.drop_zone .errors p{color:red}.drop_uploader.drop_zone input[type=file]{display:none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";opacity:0}
