.divUploader_outer .chooseFileLinkHolder {
    position:absolute; 
    width:100%; 
    height:100%; 
    top:0; 
    left:0; 
    z-index:999;
}

.divUploader_outer .chooseFileLink {
    cursor:pointer;
}

.divUploader_outer .chooseFileLink:hover {
    cursor:pointer;
    color:blue;
}

.divUploader_outer .divBrowseButton {
    position:relative; 
    width:80%; 
    margin:0 auto; 
    top: 77%;
    z-index:9999;   
}
.divUploader_outer .switchToUploadImage:hover {
    cursor:pointer;
}
.divUploader_outer.nomore .topChooseFileLinkHolder {
    display:none;
}
.divUploader_outer.nomore .imgDelete {
    display:block;
}
.divUploader_outer.nomore .chooseFileLinkHolder .divBrowseButton{
    display: none;
}

.divUploader_outer.default .topChooseFileLinkHolder {
    display:none;
}
.divUploader_outer.default .imgDelete {
    display:none;
}
.divUploader_outer.default .chooseFileLinkHolder .divBrowseButton{
    display: block;
}

.divUploader_outer.assigned .topChooseFileLinkHolder {
    display:block;
}
.divUploader_outer.assigned .chooseFileLinkHolder .divBrowseButton{
    display: none;
}

.chooseFileLinkHolder {
    font-size: 110%;
    font-family: Roboto, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: white;
}

/*delete icon position*/
.divUploader_outer .background-delete-image {
    width:18%;
    position:absolute;
    z-index:99999;
}

.topChooseFileLinkHolder {
    font-size: 110%;
    font-family: Roboto, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: black;
}

.divUploader_outer .dragandrophandler {
    height:20em;
}

/*fitHeight style*/
.divUploader_outer.fitHeight .chooseFileLink::after {
    content: '\A';
    white-space:pre;
}

/*image holder to hold both image and delete button*/
.divUploader_outer .imageHolder {
    position:relative;
    height:100%;
}

/*default image style*/
.divUploader_outer .imageDragdrop {
    display:block; 
    margin:0 auto;
}
/********************** DEFAULT ******************************/

/*default display for default image*/
.divUploader_outer.default .imageDragdrop {
    /*height:20em;
    object-fit:cover;*/
    width:100%;
    height:auto;
}

.divUploader_outer .imageOverflow {
    overflow:hidden;
    position:relative;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin:0 auto;
    width:100%;
    height:100%;
}
/******************** FIT HEIGHT *****************************/
.divUploader_outer.fitHeight .imageDragdrop {
    width:auto;
    height:100%;
}

.divUploader_outer.fitHeight .imageOverflow {

}
/******************** FIT HEIGHT END *****************************/

/******************** FIT WIDTH *****************************/
.divUploader_outer.fitWidth .imageDragdrop {
    width:100%;
    height:auto;
}

/*overflow box to cut image off*/
.divUploader_outer.fitWidth .imageOverflow {

}
/******************** FIT WIDTH END *****************************/

/******************** FIT NONE *****************************/
.divUploader_outer.fitNone .dragandrophandler {
    height:100%;
    width:100%;
}

.divUploader_outer.fitNone .imageOverflow {

}
/******************** FIT NONE END *****************************/