#modalConfirmJejupayNew {
	position: relative;
	width: 350px;
	border: 1px solid #000;
	border-radius: 12px;
	background-color: #EDF2F6;
}

#modalConfirmJejupayNew .DM-header {
	position: absolute;
	top: -32px;
	left: 4px;
	color: #fff;
	font-size: 16px;
}

#modalConfirmJejupayNew .DM-header i {
	padding-right: 2px;
}

#modalConfirmJejupayNew .DM-body {
	position: relative;
	display: inline-block;
	width: 100%;
}

#modalConfirmJejupayNew .DM-body .wrap-top {
	padding-top: 30px;
	text-align: center;
}

#modalConfirmJejupayNew .DM-body .wrap-top .msg {
	line-height: 170%;
	font-size: 14px;
	/*opacity: 0.8;*/
	letter-spacing: -1px;
	color: #555;
}

#modalConfirmJejupayNew .DM-body .wrap-top .msg span {
	opacity: 1;
	font-weight: bold;
	color: #007aff;
}

#modalConfirmJejupayNew .DM-body .wrap-middle {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 15px;
	letter-spacing: -1px;
}

#modalConfirmJejupayNew .DM-body .wrap-middle .msg {
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 30px;
	margin-right: 30px;
	color: #111;
	font-weight: 500;
}

#modalConfirmJejupayNew .DM-body .wrap-bottom {
	text-align: center;
	padding-bottom : 20px;
}

#modalConfirmJejupayNew .DM-body .wrap-bottom .msg {
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 170%;
	letter-spacing: -1px;
	/*opacity: 0.8;	*/
	color: #555;
}

#modalConfirmJejupayNew .DM-body .wrap-bottom .msg .fa-info-circle {
	padding-right: 4px;
}

#modalConfirmJejupayNew .DM-body .wrap-bottom .btns {
	padding-bottom: 10px;
}

#modalConfirmJejupayNew .DM-body .wrap-bottom .btns button {
	width: 60%;
	font-size: 16px;
	border-radius: 20px;
	margin-left: 5px;
	margin-right: 5px;
}

#modalConfirmJejupayNew .DM-close {
	position: absolute;
	top: -32px;
	right: 4px;
	color: #fff;
	font-size: 24px;
	cursor: pointer;
}

@media (max-width: 360px) { /* (mobile) */
	#modalConfirmJejupayNew {
		width: calc(100% - 20px);
	}

	#modalConfirmJejupayNew .DM-body {
		width: 100%;
	}
}
 /**
  * #modalConfirmJejupay
  */
#modalConfirmJejupay {
	position: relative;
	width: 450px;
	border: 1px solid #000;
	background-color: #FEF35D;
}

#modalConfirmJejupay .DM-header {
	position: absolute;
	top: -35px;
	left: 0px;
	color: #fff;
	font-size: 15px;
}

#modalConfirmJejupay .DM-header i {
	padding-right: 2px;
}

#modalConfirmJejupay .DM-body {
	position: relative;
	display: inline-block;
	width: 100%;
}

#modalConfirmJejupay .DM-body .wrap-top {
	padding-top: 30px;
}

#modalConfirmJejupay .DM-body .wrap-top img.icon-jejupay {
	position: absolute;
	width: 48px;
	left: 70px;
}

#modalConfirmJejupay .DM-body .wrap-top .msg {
	padding-left: 150px;
	line-height: 200%;
}

#modalConfirmJejupay .DM-body .wrap-middle {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

#modalConfirmJejupay .DM-body .wrap-middle .msg {
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 30px;
	margin-right: 30px;
	color: #1059FF;
}

#modalConfirmJejupay .DM-body .wrap-bottom {
	text-align: center;
	padding-bottom : 20px;
}

#modalConfirmJejupay .DM-body .wrap-bottom .msg {
	padding-bottom: 20px;
}

#modalConfirmJejupay .DM-body .wrap-bottom .btns {
	padding-bottom: 10px;
}

#modalConfirmJejupay .DM-body .wrap-bottom .btns button {
	width: 40%;
	font-size: 16px;
	border-radius: 20px;
	margin-left: 5px;
	margin-right: 5px;
}

#modalConfirmJejupay .DM-close {
	position: absolute;
	top: -35px;
	right: 0px;
	color: #fff;
	font-size: 24px;
	cursor: pointer;
}

/**
 * (responsive)
 */
@media (max-width: 991px) { /* (mobile & tablet) */
}

@media (min-width: 768px) AND (max-width: 991px) { /* (tablet) */
}

@media (max-width: 767px) { /* (mobile) */
	#modalConfirmJejupay {
		position: absolute;
		top: 55px;
		left: 10px;
		width: calc(100% - 20px);
	}

	#modalConfirmJejupay .DM-body {
		width: 100%;
	}

	#modalConfirmJejupay .DM-body .wrap-top img.icon-jejupay {
		left: 30px;
	}

	#modalConfirmJejupay .DM-body .wrap-top .msg {
		padding-left: 100px;
	}
}