/*
*styling experience profie photo editor
*/
.experience-profile-photo-box {
  display: inline-flex;
  background-color: #0404043d;
  /*! border-radius: 4px; */
  padding: 10px;
  background-color: rgba(255, 255, 255, 0);
  backdrop-filter: blur(5px);
  border: 1px solid #f0f0f0;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}

.experience-profile-photo-box-default{
  display:none;
}
.info-text.user_img {
  width: 280px;
  margin: 5px;
  flex-grow: 1;
  max-width: 360px;
}
.profile-img-edit-box.image-container {
  width: 100%;
  height: 200px !important;
  display: none;
}
.profile-img-edit-wrap.main-container {
  /*! margin: 5px; */
}
.advanced-photo-editing {
  width: 280px;
  display: inline-block;
  border: 1px solid #f9f9f9;
  border-radius: 10px;
  margin: 5px;
  flex-grow: 1;
  background-color: #00000069;
}
.main-profile-editing-buttons {
  display: flex;
  justify-content: space-evenly;
  padding: 10px 10px;
  /*! border: 1px solid #cecece; */
  /*! border-radius: 4px; */
  /*! padding: 0px 20px; */
}
#browse-photo-input-id {
  width: 0px;
  height: 0px;
}
.my-panel-buttons-load-image {
  background-color: #f4f4f4;
  border-radius: 4px;
  padding: 0px 20px;
  flex-grow: 1;
  margin: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.my-panel-buttons.crop-svg.rotate.profile-photo-button.crop {
  background-color: #f4f4f4;
  border-radius: 4px;
  padding: 0px 20px;
  flex-grow: 1;
  margin: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.my-panel-buttons.button-crop-btn-text.crop-txt2.crop-txt1.preview {
  background-color: #f4f4f4;
  border-radius: 4px;
  padding: 0px 20px;
  flex-grow: 1;
  margin: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.additional-functions p {
  background-color: #f4f4f4;
  border-radius: 4px;
  padding: 5px 10px;
  margin: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-grow: 1;
}
.cropped-image-preview-box {
  background-color: grey;
  border-radius: 10px;
  /*! margin: 10px; */
  height: 240px;
  /*! border: 1px solid #b7b7b7; */
  border-radius: 4px;
  overflow: clip;
}

.preview-forum-profile-photo {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.rotate {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 5px;
}
.zoom-photo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 5px;
}

.additional-functions {
  display: flex;
  flex-wrap: wrap;
}
#rotate-photo {
  flex-grow: 1;
}
#zoom-photo {
  flex-grow: 1;
}
#image {
  width: 100%;
  border-radius: 4px;
}
.user-image-loading-status-msg.msg-dissappear {
  padding: 5px 10px;
  font-size: 14px !important;
  color: #01aa01;
  font-style: italic;
}
.user-image {
  width: 100%;
  text-align: center;
}