/* hotfix: avatar cropper dialog blank — buttons were clipped by overflow */
.avatar-cropper-panel.tailoring-container,
.modelbody.tailoring-container.avatar-cropper-panel {
  width: 736px !important;
  height: 560px !important;
  max-width: calc(100vw - 48px) !important;
  max-height: calc(100vh - 48px) !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  z-index: 1001 !important;
}
.avatar-cropper-panel .cropper-title {
  display: flex !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  height: 48px !important;
  line-height: 48px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border-bottom: 1px solid #edf0f5 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
.avatar-cropper-panel .ntg8 {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  position: relative !important;
  margin: 10px 12px 0 !important;
}
.avatar-cropper-panel .tailoring-box-parcel {
  width: calc(100% - 210px) !important;
  max-width: 520px !important;
  height: 100% !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  border: 1px solid #ddd !important;
  background: #f7f8fa !important;
  overflow: hidden !important;
}
.avatar-cropper-panel .preview-box-parcel {
  width: 200px !important;
  height: 100% !important;
  max-height: 450px !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  overflow: auto !important;
}
.avatar-cropper-panel .tailoring-content-three {
  flex-shrink: 0 !important;
  width: 100% !important;
  height: 52px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  border-top: 1px solid #ddd !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #fff !important;
  position: relative !important;
  z-index: 2 !important;
}