.pfi {
  width: 90%;
  max-height: 100%;
}

.pfi-thumbnail {
  padding: 4px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pfi-center-block {
  display: block;
  margin: 5px auto;
  border: 3px solid black;
  border-radius: 10px;
}

.pfi-error-message {
  color:red;
}

.pfi-image-upload {
  width: fit-content;
  min-width: 100%;
  max-height: 250px;
  border-radius: 10px;
  border: 1px solid #ced4da;
  min-height: 200px;
  max-height: fit-content;
}

#containerPfiImage {
  display: flex;
  align-items: center;
  max-height: fit-content;
  min-height: 250px;
}

.photo-image-container {
  margin: 0 auto;
}

.containerIconCamera {
  font-size: 40px;
  opacity: 0.3;
  margin-top: 35px;
  margin: 0 auto;
}

.pfi-image-upload.image-blocked,
#containerPfiImage.image-blocked {
  background-color: #e9ecef;
  border: 1px solid #ced4da;
}

.pfi-image-upload:not(.image-blocked):hover {
  border: 2px solid #66b0ff !important;
  cursor: pointer;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

#btn-upload-image {
  display: none !important;
}

.btn-delete-image {
  margin-top: 0 ;
  padding: 0 5px;
  height: 25px;
  margin-right: 5px;
}

.btn-delete-image:hover {
  background-color: rgb(248, 155, 155);
}