body.loading .loading-modal {
display:block
}

.dropzone {
border:5px dashed #5ad;
border-radius:10px;
position:relative;
margin:20px auto;
clear:both;
background:#fff;
box-shadow:0 10px 20px 0 rgb(30 30 30 / 8%);
padding:25px
}

.infoimg {
margin:0 auto;
margin-top:20px;
margin-bottom:20px
}

.dropzone p {
margin:0;
text-align:center;
width:100%;
font-weight:700;
color:#222;
font-size:18px
}

.input {
height:100%;
left:0;
outline:0;
opacity:0;
position:absolute;
top:0;
width:100%;
cursor:-webkit-zoom-in
}

.status {
border-radius:5px;
text-align:center;
margin-left:auto;
margin-right:auto
}

.image-url {
width:calc(100% - 0px);
padding:5px;
border:1px solid #999;
border-radius:5px;
color:#007fff;
font-size:16px
}

.linkimg {
margin:20px 0
}

.dropzone.dropzone-dragging {
border-color:#000
}

.loading-modal {
background-color:rgba(255,255,255,.8);
display:none;
position:fixed;
z-index:1000;
top:0;
left:0;
height:100%;
width:100%
}

.loading-table {
margin:15% auto
}