
.box.upload.box.has-advanced-upload {
    position: relative;
    width: 80%;
    margin: auto;
}

.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
    display: none;
}

.box__uploading,
.box__success,
.box__error {
    width: 60%;
    margin: auto;
    font-size: 35px;
    text-align: center;
}

.box__input {
    padding: 50px 20px;
}

.box__input label[for=file] strong{
    cursor: pointer;
}
.has-advanced-upload .box.upload,
.box.upload.has-advanced-upload {
    background-color: white;
    outline-offset: -10px;
}
.has-advanced-upload .box.upload .box__dragndrop,
.box.upload.has-advanced-upload .box__dragndrop {
    display: inline;
}

.has-advanced-upload .box.upload .box__input input,
.has-advanced-upload .box.upload .box__input button,
.box.upload.has-advanced-upload .box__input input,
.box.upload.has-advanced-upload .box__input button
{
    display: none;
}

.has-advanced-upload.is-dragover {
    background-color: grey;
    outline: 2px dashed black;
}

.has-advanced-upload.is-uploading .box__input {
    visibility: hidden;
}
.has-advanced-upload.is-uploading .box__uploading {
    display: block;
    margin-top: -100px;
    padding-bottom: 50px;
}

.has-advanced-upload.is-error .box__error {
    display: block;
}

.has-advanced-upload.is-success {
    background-color: #B4EDB4;
}