.dialog {
	display: none;
}

.dialog {
	flex-direction: column;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 40px);
	max-width: 900px;
	max-height: calc(100% - 40px);
	overflow: hidden;
	z-index: 5; /* 200617 */
}

.dt_phone .dialog{
	width: 100%;
	max-height: 100%;
}


.dialog.open {
	display: flex;
}

.dia_header {
	height: 45px;
	width: 100%;
}

.dia_content {
	padding: 15px;
	width: calc(100% - 30px);
	max-height: calc(100% - 45px - 30px);
	overflow-x: hidden;
	overflow-y: auto;
	word-break: break-word;
}

.dt_phone .dia_content{
	width: 100%;
}

.dia_title {
	width: auto;
	height: 45px;
	line-height: 45px;
	font-size: 13px;
	padding-left: 17px;
	letter-spacing: 0;
	text-transform: uppercase;
	font-weight: bold;
}

.btt_close {
	height: 45px;
	width: 45px;
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

.btt_close.inactive {
	cursor: not-allowed;
}

/*DIALOG FULL*/
.dialog.content_fill {
	position: absolute;
	display: none;
	height: 100%;
	width: 100%;
	transform: none;
	top: 0px;
	left: 0px;
	max-width: none;
	max-height: none;
}

.dialog.content_fill.open {
	display: block;
}

/*DIALOG FULL END*/

/*DIALOG MODAL*/
#dia_modal {
	display: none;
	background-color: rgba(255, 255, 255, 0.8);
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 2; /* 200617 */
}

#dia_modal.on {
	display: block;
}

/*DIALOG MODAL END*/