@charset "UTF-8";

.osc-editor-block-img-uploader {
    width: 100%;
    display: block;
    text-align: center;
}
.osc-editor-block-img-uploader.osc-uploader .browser-btn div,
.osc-editor-block-img-uploader.osc-uploader .browser-btn input:hover + div {
    background: #2da000;
    border: 1px solid rgba(0,0,0,.25);
    color: #fff;
    text-shadow: 0 -1px rgba(0,0,0,.25);
    box-shadow: inset 0 1px rgba(255,255,255,.25), 0 1px rgba(0,0,0,.05);
    opacity: .75;
}
.osc-editor-block-img-uploader.osc-uploader .browser-btn input:hover + div {
    opacity: 1;
}
.osc-editor-block-img-uploader.osc-uploader .browser-btn input {
    z-index: 99;
}
.osc-editor-block-img-uploader.osc-uploader .drag-drop-area {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    font-weight: normal;
    padding: 15px;
    font-size: 12px;
    border: 1px solid #fdc1c1;
}
.osc-editor-block-img-uploader.osc-uploader .drag-drop-area span {
    color: #c90000;
}
.osc-editor-block-img-uploader.osc-uploader .drag-drop-area:after {
    border: 1px dashed #fdc1c1;
    background: rgba(0,0,0,.0125);
}

.osc-editor-block-image.uploading .img-container:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
}
.osc-editor > .edit-area .osc-editor-block-image .upload-status {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(255,255,255,.25);
}
.osc-editor > .edit-area .osc-editor-block-image .upload-status > div {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #2c9aee;
}