@charset "UTF-8";
/* CSS Document */


#modalcontent{
	width: var(--modalwinwidth);
	height: var(--modalwinheight);	
	margin: auto;
	position: relative;
	
		
}

#modalbackbutton{
	width: var(--modalbackbuttonwidth);
	height: var(--windowheight);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	z-index: var(--topzindex)
}

#modalbackbutton img{
	height:auto;
	padding: var(--doublespacing);
	border-radius: var(--gwelborderradius);
	cursor: pointer;
}

#modalbackbutton img:hover{
	background-color:  lightgray
}



#modalattachment{
	width: var(--modalwinwidth);
	height: var(--modalattachmentheight);
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: auto;
	margin-top: var(--defaultspacing);
	position: relative;
}

#modalattachment img{
	width:auto;
	height: var(--modalattachmentheight);
	max-width: var(--modalwinwidth);
	border-radius: var(--defaultspacing);
	
}


#modalbuttons{
	position: absolute;
}

.modalbutton {
	width: var(--modalbackbuttonwidth);
	height: var(--modalwinheight);
	right:0px;
	position: absolute;
	display: none;
	z-index: var(--topzindex);
	padding: var(--doublespacing);
}

.modalbutton, .modalbutton *{
	cursor: pointer;
}

.modalbutton:hover{
	opacity: 0.8;
}