.avatar-upload { position: relative; max-width: 138px;}
.avatar-upload .avatar-edit { position: absolute; right: 12px; z-index: 1; top: 10px;  }
.avatar-upload .avatar-edit  label { display: inline-block; padding-bottom: -22px !important; display: inline-block; width: 24px !important; height: 23px;
        border-radius: 100%; background: #FFFFFF; border: 1px solid transparent; box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 12%); cursor: pointer;
        font-weight: normal; transition: all 0.2s ease-in-out;    background-image: url("Images/Plus.png");
    background-repeat: no-repeat;   }
.avatar-upload .avatar-preview {width: 105px; height: 105px; position: relative; border-radius: 100%;border: 3px solid #F8F8F8;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); }
.avatar-upload .avatar-edit input { display: none;}
.avatar-upload .avatar-preview > img { width: 100%; height: 100%; border-radius: 100%; background-size: cover; background-repeat: no-repeat;
        background-position: center;  }

.avatar-upload .avatar-edit .remove input { border-width: 0px; display: block; width: 25px !important; height: 23px;
        border-radius: 100%; border: 1px solid transparent; cursor: pointer; font-weight: normal; transition: all 0.2s ease-in-out; 
       background-repeat: no-repeat;  margin-top: 4px;  margin-left: 9px; padding: 0px;
    }