.wrap-user{width:100%;max-width:550px;margin:auto;border:1px solid #bce8f1;border-radius:5px;}
.title-user{background-color:#d9edf7;padding:12px 15px;border-radius:5px 5px 0px 0px;}
.title-user span{color:#31708f;}
.title-user a{color:#0056b3;font-size:12px;}
.form-user{padding:20px 15px;}
.input-user{margin-bottom:0.75rem;}
.input-user input{font-size:14px;}
.button-user{margin-bottom:1rem;}
.button-user input{font-size:14px;}
.checkbox-user,.radio-user{cursor:pointer;}
.checkbox-user input{top:calc(50% - 1.25rem/2);height:auto;}
.checkbox-user label{font-size:14px;cursor:pointer;}
.checkbox-user label::before,.checkbox-user label::after{top:calc(50% - 1rem/2);}
.radio-user{margin-right:1rem;}
.radio-user:last-child{margin-right:0px;}
.radio-user label::before,.radio-user label::after{top:calc(50% - 1rem/2);}
.note-user{font-size:14px;border-top:1px solid #ddd;padding-top:0.5rem;}
.upload_avatar {
  width: 200px;
  height: 200px;
  margin: auto;
  background: #eee;
  overflow: hidden;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.upload_avatar i {
  font-size: 10em;
  color: rgb(0 0 0 / 0.1);
  z-index: 1;
}
.upload_avatar input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.upload_avatar img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
}
.upload_avatar img[src=''] {
  display: none;
}
.title_size_avatar {
  margin: 10px 0;
  font-size: 11px;
  text-align: center;
}
.upload_avatar_btn {
  font-size: 13px;
  margin: auto;
  color: rgb(0 0 0 / 0.3);
  transition: 0.3s;
}
.list_tab_user {
  padding: 0;
  margin: 0;
  list-style: none;
  margin: 1rem;
}
.list_tab_user li {
  display: block;
}
.list_tab_user li a {
  display: block;
  color: #333;
}
.list_tab_user li a i {
  width: 25px;
  height: 25px;
  display: inline-flex;
  vertical-align: middle;
  background: #80cc28;
  border-radius: 50%;
  color: #fff;
  margin-right: 10px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.list_tab_user li+li {
  margin-top: 5px;
}
.list_tab_user li:hover i {
  background: #f44814;
}
.list_tab_user li:hover a {
  color: #f44814;
}
.img_alert {
  display: flex;
  align-items: center;
}
.img_alert img {
  width: 50px;
  margin-right: 1rem;
}