.dropzone{border:1px dashed #2d426d!important;border-radius:10px;opacity:50%;padding:0!important}.dropzone .dz-message p{display:block;width:25px;height:25px;line-height:25px;border-radius:50%;background-color:#999;font-size:.75em;color:#fff;text-align:center;margin:10px auto 5px}.dz-clickable.dropzone{opacity:100%}.up-single-image.dropzone{display:inline-block;min-height:auto;overflow:hidden}.up-single-image.dropzone .dz-preview .dz-image{border-radius:8px}.up-single-image.dropzone .dz-message{margin:0;padding-top:50px;min-width:140px;min-height:140px;font-size:40px;box-sizing:border-box}.up-single-image.dropzone .dz-progress{display:none!important}.up-single-image.dropzone .dz-details{display:none!important}.up-single-image.dropzone .dz-preview{position:relative;margin:0;padding:10px}.up-single-image.dropzone .dz-image img{width:100%;height:100%;object-fit:contain;background-color:#eee}.up-single-image.dropzone .dz-preview .dz-remove{position:absolute;top:15px;right:15px;background:rgba(0,0,0,.7);color:#fff;border-radius:50%;width:30px;height:30px;line-height:30px;display:flex;align-items:center;justify-content:center;font-size:24px;text-decoration:none;cursor:pointer;z-index:10;transition:.2s}.up-single-image.dropzone .dz-preview .dz-remove:hover{background:rgba(220,53,69,.9);text-decoration:none}.sortable-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-flow:row;grid-auto-rows:1fr;gap:10px;padding:0;align-items:flex-start}.sortable-list div.image-fr{padding:6px;position:relative;border:1px solid #ddd;border-radius:10px;background-color:#f9f9f9}.sortable-list div:first-of-type:before{content:"Cover";display:block;width:50%;border-bottom-left-radius:3px;border-bottom-right-radius:3px;background-color:orange;color:#fff;line-height:20px;font-size:12px;text-align:center;position:absolute;top:6px;left:12px}.sortable-list div.dragging{opacity:.5;cursor:grabbing}.sortable-list div img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:5px;cursor:grab;background-color:#ddd}.sortable-list .ctr{display:block;text-align:center;font-size:10px;margin-top:9px;line-height:18px;height:18px;width:18px;border-radius:10px;background-color:#2d426d;color:#fff}.sortable-list .btn{display:block;text-align:center;font-size:16px;float:right;margin:5px 0 0 5px;width:35%;border-radius:3px;border:1px solid #ccc;color:#2d426d;line-height:24px;box-sizing:border-box}.sortable-list .upldProgress{display:block;font-size:10px;margin-top:8px;padding:1px;box-sizing:border-box;width:60%;border-radius:10px;border:1px solid #2d426d}.sortable-list .upldProgress i{display:block;line-height:16px;height:16px;border-radius:10px;font-style:normal;text-align:center;width:1%;background-color:#2d426d;transition:width .5s ease-in-out}.sortable-list .error-fr{}.sortable-list .error-fr .upldProgress,.sortable-list .error-fr .btn{border-color:red}.sortable-list .error-fr .upldProgress i{background-color:red;color:#fff}.sortable-list .error-fr .btn i{color:red!important}