.dropZoneExternal > div,
.dropZoneExternal > img {
    position: absolute;
}

.dropZoneExternal {
    position: relative;
   /* border: 1px dashed #f17f21 !important;*/
    cursor: pointer;
}

.dropZoneExternal,
.dragZoneText {
    width: 100%;
    max-width: 350px;
    min-width: 286px;
    height: 350px;
}

#dragZone {
    width: 100%;
    display: table;
}

#uploadedImage {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.dxImage {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    background-color: #fff;
}
#uploadedImageSignature {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.dxSignature {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    background-color: #fff;
}

.dropZoneText {
    width: 300px;
    height: 150px;
    color: #fff;
    background-color: #888;
}

#dropZone {
    top: 0;
    padding: 100px 25px;
}

.uploadControlDropZone,
.hidden {
    display: none;
}

.dropZoneText,
.dragZoneText {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 20pt;
}

.dragZoneText {
    color: #808080;
}

.dxucInlineDropZoneSys span {
    color: #fff !important;
    font-size: 10pt;
    font-weight: normal !important;
}

.validationMessage {
    padding: 0 20px;
    text-align: center;
}

.uploadContainer {
    width: 100%;
    max-width: 350px;
    min-width: 286px;
    margin-top: 10px;
}

.Note {
    max-width: 500px;
}

/*Certificate of Appearance*/

.TCdropZoneExternal > div,
.TCdropZoneExternal > img {
    position: absolute;
}

.TCdropZoneExternal {
    position: relative;
    /* border: 1px dashed #f17f21 !important;*/
    cursor: pointer;
}

.TCdropZoneExternal,
.TCdragZoneText {
    width: 100%;
    max-width: 1000px;
    min-width: 286px;
    height: 250px;
}
.TCuploadContainer {
    width: 100%;
    max-width: 1000px;
    min-width: 286px;
    margin-top: 10px;
}

.imageZoomMax {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    background-color: #fff;

}
.zoom-image {
    min-width: 350px;
    min-height: 350px;
}