[data-module$=-profile] .ant-collapse-header,
.collapse-profile .ant-collapse-header {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

[data-module$=-profile] .item-profile,
.collapse-profile .item-profile {
  width: 100%;
  margin: 10px 0;
}

[data-module$=-profile] .ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header {
  border-radius: 4px 4px 0 0;
}

[data-module$=-profile] .ant-collapse-item>.ant-collapse-header,
.collapse-profile .ant-collapse-item>.ant-collapse-header {
  background: #FFF;
  height: 50px;
}

[data-module$=-profile] .item-avatar,
.collapse-profile .item-avatar {
  flex-shrink: 0;
  border-radius: 100px;
}

[data-module$=-profile] .profile-avatar-container,
.collapse-profile .profile-avatar-container {
  flex-basis: 64px;
  margin-right: 20px;
}

[data-module$=-profile] .ant-collapse-item>.ant-collapse-content,
.collapse-profile .ant-collapse-item>.ant-collapse-content {
  height: 270px;
  overflow: auto;
}

[data-module$=-profile] .ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box,
.collapse-profile .ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box {
  display: flex;
  align-items: flex-start;
  padding: 20px 0 0 14px;
}

[data-module$=-profile] .profile-avatar,
[data-module$=-profile] .user-avatar-container,
.collapse-profile .profile-avatar,
.collapse-profile .user-avatar-container {
  margin-bottom: 20px;
}

[data-module$=-profile] .profile-avatar,
.collapse-profile .profile-avatar {
  background-image: url(/app/common/img/commonIcon/avatar-user.svg);
  background-size: 60px;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
}

[data-module$=-profile] .profile-data,
.collapse-profile .profile-data {
  flex-grow: 1;
  padding-left: 20px;
}

[data-module$=-profile] .profile-item,
.collapse-profile .profile-item {
  display: flex;
  width: 100%;
}

[data-module$=-profile] .profile-label,
.collapse-profile .profile-label {
  flex-shrink: 0;
  flex-basis: 100px;
  flex-grow: 1;
  max-width: 160px;
  margin-right: 20px;
  padding: 4px 0;
}

[data-module$=-profile] .profile-detail .list,
.collapse-profile .profile-detail .list {
  border: none;
  margin: 0;
}

[data-module$=-profile] .profile-detail .list .list-item,
.collapse-profile .profile-detail .list .list-item {
  padding: 0;
}

[data-module$=-profile] .profile-detail,
.collapse-profile .profile-detail {
  flex-grow: 1;
  flex-basis: 140px;
  overflow-wrap: break-word;
  word-break: break-all;
  padding: 4px 0;
}

[data-module$=-profile] .profile-active,
.collapse-profile .profile-active {
  display: flex;
  align-items: flex-end;
  margin-right: 10px;
  justify-content: center;
  flex-direction: column;
  font: normal normal normal 12px/18px Lato;
  letter-spacing: 0;
  color: #9696A0;
}

[data-module$=-profile] .profile-active.active,
.collapse-profile .profile-active.active {
  color: #419B4B;
}

[data-module$=-profile] .profile-active.inactive,
.collapse-profile .profile-active.inactive {
  color: var(--disabled-textfield-background);
}

[data-module$=-profile] .profile-active .dot,
.collapse-profile .profile-active .dot {
  min-width: 12px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 5px;
}

[data-module$=-profile] .profile-active .dot.active,
.collapse-profile .profile-active .dot.active {
  background: #419B4B;
}

[data-module$=-profile] .profile-active .dot.inactive,
.collapse-profile .profile-active .dot.inactive {
  background: var(--disabled-textfield-background);
}

[data-module$=-profile] .collapse-header,
.collapse-profile .collapse-header {
  display: flex;
  height: 50px;
}

[data-module$=-profile] .header-title,
.collapse-profile .header-title {
  flex: 1 0;
  display: flex;
  align-items: center;
  font-weight: bold;
}

[data-module$=-profile] .icon-item.item-avatar,
.collapse-profile .icon-item.item-avatar {
  width: 60px;
  height: 60px;
}

[data-module$=-profile] .text-black.profile-detail{
  font-weight: bold;
}

[data-module$=-profile] .collapse-profile-avatar{
  font-size: 18px;
  background-color: transparent;
}

.preview-img {
  display: flex;
  justify-content: center;
}

.plate-tag {
  border: solid var(--main-border-color) 2px;
  border-radius: 5px;
  color: #50505A;
  text-align: center;
  margin-top: 5px;
}
