div#overlay-cropperjs {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right:0;
    background-color: rgb( 0, 0, 0, 0.6);
    z-index: 1001;
}

#image-cropper-cropperjs-wrapper {
    position: fixed;
    width: 40%;
    height: 96%;
    top: 2%;
    left: 30%;
    /* bottom: 2%; */
    /* right: 25%; */
    overflow: hidden;
    z-index: 9;
    background-color: #fff;
    border: 2px solid;
    border-radius: 5px;
}

#image-cropper-cropperjs-button-capture {
    float: right;
    height: 34px !important;
    width: 34px !important;
}

#image-cropper-cropperjs-button-capture .dx-button-content {
    padding: 6px !important;
}

#image-cropper-cropperjs-button-upload {
    float: right;
    height: 34px !important;
    width: 34px !important;
    margin-right: 5px;
    margin-left: 0;
}

#image-cropper-cropperjs-button-upload .dx-button-content {
    padding: 6px !important;
}


#image-cropper-cropperjs-button-cancel {
    float: right;
    margin-right:5px
}

div#image-cropper-cropperjs-button-bar {
    background: #eee;
    padding: 5px;
}

#image-cropper-cropperjs-screen-title {
    float: left;
    height: 36px;
    padding-left: 10px;
    padding-right: 10px;
}

#image-cropper-cropperjs-screen-title span{
    line-height: 36px;
    vertical-align: middle;
    font-size: 18px;
}

div#image-cropper-cropperjs-container {
    margin: 0;
    padding: 5px;
    border: 1px solid;
    background: #888;
    height: calc(100% - 58px);
    overflow: auto;
}

#image-cropper-cropperjs-canvas {
    display: none;
}

#image-cropper-cropperjs-image-container {
    width: 100%;
    height: 100%;
}

#image-cropper-cropperjs-image-container img {
    display: block;
    max-width: 100%;
}

#image-capture-file-input {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    opacity: 0;
}