#upload-form{ width:100%;background:#F5F5F5; height:250px; padding:20px}
#upload-form div.for-border{ width:100%; height:100%; background:none; border: 2px dashed #ddd; position:relative}
#upload-form input#uploadImages{ width:100%; height:100%; opacity:0; position:absolute; left:0; top:0; right:0; cursor:pointer}
#upload-form p span{width:100%; display:block; font-size:13px; padding-top:10px; font-weight:600; color:#808180}

.gallery-item{margin:10px; position:relative; width:auto; max-width:380px; align-items:center}


/**/
.rotate-actions{ position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; display:flex; align-items:center; transition: all 0.5s ease; opacity:0}
.rotate-actions:hover{ opacity:1}
.rotate-actions a.rotate{ display:block; text-align:center; font-size:10px; color:#fff; width:100%; text-shadow: 1px 1px 1px #000;}
.rotate-actions a.rotate i{font-size:50px; display:block;}
.rotate-actions a.remove-image{ width:20px; height:20px; font-size:20px; position:absolute; top:10px; right:10px; color:#fff; text-shadow: 1px 1px 1px #000;}
.remove-embed{ display:block; width:50px; height:20px; background:url('/assets/images/common/remove-child.png') left center no-repeat}
.add-embed{ display:block; width:100%; height:20px; background:url('/assets/images/common/plus-icon.png') left center no-repeat; padding-left:24px; font-weight:500; color:#000 }
#embed textarea{ font-size:12px; font-family:'Courier New', Monospace}


.lds-ring {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
    margin:0 auto;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 45px;
    height: 45px;
    margin: 7px;
    border: 7px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#uploading{ margin:auto}
#uploading .lds-ring div {
    border: 7px solid #ddd;
    border-color: #9B9B9B transparent transparent transparent;
}

#uploading p{ margin-left:-10px; font-weight: 600; color:#808180; font-size:13px}