.saver {
    display: none;
}

.cropper-container,
.preview-container,
.camera-container,
.img-thumbnail {
    /* background-color: #e7e7e7; */
    width: 100%;
    text-align: center;
}

.cropper-container,
.preview-container,
.camera-container {
    min-height: 200px;
    max-height: 516px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .cropper-container,
    .preview-container,
    .camera-container {
        min-height: 516px;
    }
}

.cropper-container > img,
.preview-container > img {
    max-width: 100%;
}

.img-thumbnail {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    height: 200px;
    width: 100%;
}

    .img-thumbnail > img {
        max-width: 100%;
    }

.toolbar-buttons > .btn,
.toolbar-buttons > .btn-group,
.toolbar-buttons > .form-control {
    margin-right: 5px;
    margin-bottom: 10px;
}

.toolbar-buttons .ui-slider {
    margin-top: 10px;
    margin-bottom: 20px;
}

    .toolbar-buttons .ui-slider .ui-slider-handle {
        width: auto;
        min-width: 1.2em;
    }

@media (max-width: 400px) {
    .btn-group-crop {
        margin-right: -15px !important;
    }

        .btn-group-crop > .btn {
            padding-left: 5px;
            padding-right: 5px;
        }
}


.dz-progress {
    /* progress bar covers file name */
    display: none !important;
}