#photo_crop_wrap
{
  position: absolute;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.photo_crop_bg
{
  /* width: 80vmin; */
  /* height: 80vmin; */
  position: absolute;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.7;
}

.photo_crop_wrap_panel
{
  position: absolute;
  /* width: 80vmin;
  height: 80vmin; */
  max-width: 90vmin;
  max-height: 80vmin;
  /* background: rgb(165, 157, 152); */
  background-image: url("../assets/html/photo_wrap_bg.jpg");
  /* background-size: cover; */
  background-repeat: repeat;
  padding: 30px;
  border: 5px solid #b89055;
  border-radius: 15px;
  border-style: ridge;
}

.photo_crop_title
{
  color:#fcf0cc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20pt;
  text-shadow: 2px 2px 2px black;
}

.photo_crop
{
  
  /*height: 80%; */
  /* margin: 0 auto; */
  max-width: 75%;
  width: 75%;
  float:left;
  overflow: hidden;
}

.photo_crop_images_hide
{
  display: none !important;
}

/* .photo_crop_container
{
  
} */

#photo_crop_avatar2
{
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.photo_crop_avatar
{
  width: 20% !important;
  height: 20% !important;
  float:left;
  overflow: hidden;
  margin-left: 5%;
}
.photo_crop_avatar_img
{
  max-width: 90%;
  max-height: 90%;
  padding-left: 10%;
}

.photo_crop_margin_bottom
{
  margin-bottom: 30px;
}

.upload_btn
{
  cursor: pointer;
  display: inline-block;
  padding: 4px 32px;
  background-color: #36221b;
  border:solid 1px #a17344;
  border-radius: 5px;
  color:#ffb468;
  font-family: Arial, Helvetica, sans-serif;
  margin: 5px;
  /* height: 30px; */
}

.upload_btn:hover
{
  background-image: none;
  background-color:#63463b;
  /* color:white; */
}

.upload_btn:active
{
  background-image: none;
  background-color:#63463b;
  /* color:white; */
}

#upload_button
{
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
}
/*
#upload_button span{
  cursor: pointer;
  display: inline-block;

  padding: 4px 32px;
  background-color: #2D6C7A;
  border:solid 1px #666F77;
  border-radius: 6px;
  color:white;
} */
#upload_button input[type=file] {
  display:none;
}

/* #upload_button:active span {
  background-image: none;
  background-color:rgb(30, 104, 121);
  color:white;
}

#upload_button:hover span {
  background-image: none;
  background-color:rgb(65, 113, 124);
  color:white;
} */

.cropper-bg{
  max-height: 50vh;
}