.ProfilePhotoDialog {
    /*
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f0f0f0;
    flex-direction: column;
    */
}

.ProfilePhotoEdit-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 2px solid #ccc;
    background: #fff;
    filter: brightness(1.2);
    margin-bottom: 20px;
}

.ProfilePhotoEdit-crop-box 
{
    z-index: 1;
    position: absolute;
    width: 150px;
    height: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px dashed #FFFFFF;

    border-radius: 75px;
    pointer-events: none;

    background: transparent;
    box-shadow: 0 0 0 100vw rgba(255, 255, 255, 0.4); /* Overlay */
}

.ProfilePhotoEdit-crop-box::before {
    content: '';
    position: absolute;
    top: -4px; 
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 2px dashed black;
    z-index: -1;
    border-radius: 75px;
}

#ProfilePhotoEdit-croppedImage {
    margin-top: 20px;
    width: 150px;
    height: 200px;
    border: 1px solid #ccc;
    display: none;
}

.ProfilePhotoEdit_help{
	margin-top:5px;
	
	text-align: center;
	position: fixed;
	z-index: 9999;
	background-color: rgb(253, 253, 241);

	padding-left: 15px;
	padding-right: 15px;
	padding-top:4px;
	padding-bottom: 4px;
	margin:5px;

	border-radius: 8px !important;
	border-style: solid;
	border-color:lemonchiffon;
	border-radius: 1px;

	bottom: 10px;
	left: 20px;
    

	opacity: 0.5;
	transition: opacity 0.5s ease-in-out; 
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);

    color:black;
    font-size: 11px;

	cursor:pointer;
}

.ProfilePhotoEdit_help:hover
{
    opacity: 1;
}

.ProfilePhotoEdit_helpIcon
{
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 8px;
}