/* 
* Media Styling
*/
#media-modal{overflow:hidden;z-index:10000;background:rgba(0,0,0,.5)}#media-modal .modal-content{background:0 0;border:none;box-shadow:none}#media-modal .modal-body{padding:0;border-radius:5px 0 5px 5px;-moz-border-radius:5px 0 5px 5px;overflow:hidden}#media-modal .modal-header{border:none}#media-modal .close{ background: #d00; color: #fff; opacity: 1; padding: 0.25em 1em; right: 0; position: absolute; top: -10px; border: none; border-radius: 20px; height: 36px;}.media-item{object-fit:cover}.dz-default.dz-message{padding:1em;font-size:120%;text-align:center;cursor:pointer}.btn.active{background:#ddd}.media-image-thumb{display:block;padding:.5em;margin-bottom:1em;opacity:1;text-align:center}.media-image-thumb:hover{opacity:.75}.media-image-thumb.selected{background:#25c2e3;color:#fff}.media-image-container{position:relative}.media-image-container .cols{float:left;margin:.5em}#media-modal{overflow:hidden}.filemanager-content{position:relative;overflow:hidden}.filemanager-detail{position:absolute!important;top:1em;right:-500px;max-width:300px;transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;-webkit-transition:.3s ease;-ms-transition:.3s ease}.filemanager-detail.opened{top:1em;right:1em}.filemanager-detail .closer{position:absolute;right:.25em;top:.25em;cursor:pointer;width:40px;height:40px;line-height:40px;text-align:center;background:0 0;color:#000;border-radius:50%;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.filemanager-detail .closer:hover{background:#aaa;color:#fff;transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}.media-image-container{transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;-webkit-transition:.3s ease;-ms-transition:.3s ease}.media-image-container.opened{margin-right:300px}@media (max-width:768px){.media-image-container.opened{margin-right:0}.filemanager-detail.opened{max-width:inherit;width:100%;background:#fff;height:100%}}.media-multiple-holder{position:relative}.media-multiple-holder .multi-media-container,.media-multiple-holder .square-image{float:left}.square-image{margin:.5em;width:100px;height:80px;display:block;position:relative;text-align:center;background:#fff;cursor:pointer;border-radius:5px;overflow:hidden}.square-image img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover}.square-image svg{position:relative;top:-5px;width:20px;height:20px}.square-image.add{border:2px dashed #ccc;display:flex;justify-content:center;align-content:center;flex-flow:column}.square-image.add:hover{border-color:#5369f8;color:#5369f8}.multi-closer{position:absolute;top:0;right:0;line-height:24px;width:30px;padding-top:5px;background:#d00;color:#fff;border-radius:0 5px 0 5px;opacity:0;transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;-webkit-transition:.3s ease;-ms-transition:.3s ease;z-index:2}.multi-closer svg{width:18px;height:18px}.square-image:hover .multi-closer{opacity:1}.square-image .trigger-upload-image{position:absolute;top:0;left:0;width:100%;height:100%;display:block}
.input-image-holder .avatar{height:50px; width:auto;}

/* AutoCRUD Styling */
.dropzone.custom-dropzone{
    border:2px dashed #ccc;
}
.dropzone.custom-dropzone:hover{
    border:2px dashed #0d6efd;
    color:#0d6efd;
}
.select2-container{
    width:100%;
}

.media-item{width:50px!important; height:50px!important;}

.custom-dropzone{padding:20px; min-height:50px;}.custom-dropzone .dz-default.dz-message,.custom-dropzone .dz-message{margin:0;padding:0}.uploaded-holder{padding:1em 0}.uploaded-holder .uploaded{display:inline-block;position:relative;margin-right:.75em;margin-bottom:.5em}.uploaded-holder .uploaded .file-alias{line-height:30px;height:30px;display:inline-block;overflow:hidden;background:#333;color:#fff;padding:0 .5em;padding-right:35px;border-radius:5px;-moz-border-radius:5px}.uploaded-holder .uploaded .remove-asset-file,.uploaded-holder .uploaded .remove-asset-file-multiple{position:absolute;right:0;line-height:30px;height:30px;display:inline-block;padding:0 .75em;color:#fff;background:#d00;border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;cursor:pointer}