.d4-picture-input {
    border-radius: 4px;
    border: 1px solid #e0e0e0;
}

.d4-picture-input .toolbar {
    padding: 5px 10px;
    background: #f2f4f8;
    border-bottom: 1px solid #e0e0e0;
}

.d4-picture-input .toolbar a em {
    margin-right: 5px;
}

.d4-picture-input .preview {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #eff1f7;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.d4-picture-input.view.has-picture.readonly .preview {
    background-color: #f8f8f8 !important;
}

.d4-picture-input .camera-preview{
    background-color: #eff1f7;
}

.d4-picture-input.view .li-action-upload {
    display: block;
}

.d4-picture-input.edit div.preview,
.d4-picture-input.edit .li-action-upload,
.d4-picture-input.edit .li-action-crop,
.d4-picture-input.edit .li-action-camera,
.d4-picture-input.edit .li-action-camera-cancel,
.d4-picture-input.edit .li-action-camera-save,
.d4-picture-input.edit .li-action-camera-switch,
.d4-picture-input.edit .li-action-delete {
    display: none;
}

.d4-picture-input.view .li-action-cancel,
.d4-picture-input.view .li-action-save,
.d4-picture-input.view .li-action-delete,
.d4-picture-input.view .li-action-reset,
.d4-picture-input.view .li-action-camera-cancel,
.d4-picture-input.view .li-action-camera-save,
.d4-picture-input.view .li-action-camera-switch,
.d4-picture-input.view .li-action-crop{
    display: none;
}

.d4-picture-input.view.has-picture .li-action-delete,
.d4-picture-input.view.has-picture .li-action-crop {
    display: block;
}

.d4-picture-input.camera .li-action-upload,
.d4-picture-input.camera .li-action-camera,
.d4-picture-input.camera .li-action-crop,
.d4-picture-input.camera .li-action-cancel,
.d4-picture-input.camera .li-action-save,
.d4-picture-input.camera .li-action-delete,
.d4-picture-input.camera .li-action-reset {
    display: none;
}

.d4-picture-input.camera .li-action-camera-cancel,
.d4-picture-input.camera .li-action-camera-save,
.d4-picture-input.camera .li-action-camera-switch {
    display: block;
}

.d4-picture-input .camera-div {
    display: flex;
    text-align: center;
}