textarea[name*=content] {
    height: 100px;
}

.my-dropzone {
    text-align: center;
}

.my-dropzone.bh-dropzone {
    display: flex;
}

.my-dropzone label {
    width: 100%;
}

.my-dropzone #select {
    border: 1px dashed #444;
    padding: 10px;
    margin: 10px 0;
}

.my-dropzone label textarea, .my-dropzone label input {
    display: none;

}

.my-dropzone .btn-dropzone-remove-img {
    margin: 10px 0 17px 0;
    border-radius: 0 4px 4px 0;
}

.my-dropzone img {
    max-width: 100%;
    display: inline-block;
}

.has-error .help-block {
    color: red;
    font-weight: 900;
}

.has-error li:before {
    content: "";
    font-family: 'Font Awesome';
    display: inline-block;
}

.my-dropzone .select {
    border: 1px dashed #444;
    padding: 10px;
    margin: 10px 0;
}

@keyframes rotating {
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
.my-dropzone.loading button.bh-for[disabled], .my-dropzone.loading > .form-group > .input-group > input[type="text"][disabled], /* dropzone file */
.my-dropzone.loading > label > #select { /* dropzone image */
    cursor: not-allowed !important;
}
.my-dropzone.loading > label > #select { /* dropzone image */
    background: #eee;
}
.my-dropzone.loading button.bh-for > .icon:before, /* dropzone file */
.my-dropzone.loading > label > #select > .icon:before { /* dropzone image */
    content: '' !important;
}
.my-dropzone.loading button.bh-for > .icon, /* dropzone file */
.my-dropzone.loading > label > #select > .icon { /* dropzone image */
    animation: rotating 1s linear infinite;
}