.componentPopup {width: 800px; border: 1px solid #5d646d; background-color: white;}
.componentPopup > .header {
	display: flex; align-items: center; box-sizing: content-box;
	height: 40px; border-bottom: 1px solid #5d646d; background-color: #eee;
}
.componentPopup > .header .title {margin: 0; padding-right: 1rem;}
.componentPopup > .header .close {
	width: 40px; height: 40px; margin-right: auto; cursor: pointer;
	text-align: center; line-height: 40px; font-size: 20px; color: #777;
}
.componentPopup > .header .close:hover {color: #000;}
.componentPopup > .body {min-height: 400px;}

.componentPopup > .footer {
	display: flex; align-items: center; justify-content: center; box-sizing: content-box; height: 40px;
	border-top: 1px solid #5d646d; background-color: #eee;
}