.modal-hide {
	display: none;
}

.modal-mask {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 4;
	background-color: rgba(255, 255, 255, 0.75);
}

.modal {
	max-width: 1000px;
	height: calc(100% - 70px * 2);
	margin: 70px auto 0;
	vertical-align: middle;
	background-color: #fff;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(0, 0, 0, 0.2);
	overflow: hidden;
}

.modal-title {
	border-bottom: 1px solid #ddd;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
	line-height: 50px;
	padding: 0 2rem;
}

.modal-title span {
	font-size: 1.2em;
}

.modal-footer {
	border-top: 1px solid #ddd;
	line-height: 50px;
	padding: 0 2rem;
}

.modal-content {
	box-sizing: border-box;
	overflow-y: scroll;
	height: calc(100% - 50px * 2);
	padding: 1rem 2rem;
}