.border-dark-subtle{
    border-color: var(--border-dark-subtle) !important;
}
/* Avatar File Input Wrapper */
div.AvatarFileUpload {
    position: relative;
    width: 90px;
    height: 90px;
    background: #f9f9f9;
    border: 3px solid #bbb;
    border-radius: 50% 50%;
    margin: auto;
}
/* Image Preview Wrapper and Container */
div.AvatarFileUpload > .selected-image-holder{
    width: 100%;
    height: 100%;
    border-radius: 50% 50%;

}
div.AvatarFileUpload > .selected-image-holder{
    width: 100%;
    overflow: hidden;
}
div.AvatarFileUpload > .selected-image-holder>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-fit: center center;
}

/* Image Selector to Browse Image to Upload */
    div.AvatarFileUpload > .avatar-selector {
        position: absolute;
        bottom: 0px;
        right: 9%;
        width: 20px;
        height: 20px;
    }
div.AvatarFileUpload > .avatar-selector input[type="file"]{
    display: none;
}
div.AvatarFileUpload > .avatar-selector > .avatar-selector-btn{
    width: 100%;
    height: 100%;
    background: #f5f5f59e;
    padding: 5px 7px;
    border-radius: 50% 50%;
}
div.AvatarFileUpload > .avatar-selector > .avatar-selector-btn>img{
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    object-position: center center;
    z-index: 2;
}