/* CSS Document */

.n-popup {
	background:rgba(0,0,0,0.3);
	z-index:99999999999;
	top:0;
	left:0;
	right:0;
	bottom:0;	
	position:fixed;
	overflow:auto;
	 margin: auto;
}

.n-popup  .content {
	background-color:#fff;
	/*margin:0 auto;
	top:50%;
	left:50%;
	right:50%;
	width:500px;
	min-height:150px;
	margin-left:-250px;
	margin-top:-150px;
	*/
	position:absolute;
	-webkit-box-shadow: 4px 4px 9px 0px rgba(50, 50, 50, 0.36);
	-moz-box-shadow:    4px 4px 9px 0px rgba(50, 50, 50, 0.36);
	box-shadow:         4px 4px 9px 0px rgba(50, 50, 50, 0.36);
	max-width:100%;
	width:0;
	margin-bottom:150px;
}

.n-popup  .content .title {
	font-size:18px;
	color:#181818;
	padding:15px 20px 10px 20px;
}

.n-popup  .content .text {
	padding:20px;
	font-size:16px;
	color:	#6c6c6c;
	line-height:24px;
}

.n-popup  .content .text > iframe {
	max-width:100%;
}	

.n-popup  .content .buttons {
	width:100%;
	padding: 0 20px 10px 20px;	
}

.n-popup  .content .buttons .btn {
	margin-left:20px;	
	padding-left:15px;
	padding-right:15px;
	cursor:pointer;
}

.n-popup  .content .buttons .btn.ok {
	float:right;
	color:#1891f2;
}

.n-popup  .content .buttons .btn.cancel {
	float:right;
	color:#1891f2;
}

.n-popup  .content .buttons .btn.confirm {
	float:right;
	color:#1891f2;
}

/* C */
@media (max-width:767px),(max-device-width:767px) and (orientation:portrait),(max-device-width:499px) and  (orientation:landscape)
{	
	.n-popup {
		padding-left:20px;
		padding-right:20px;
	}
	
	.n-popup > .padding {
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		padding-bottom:120%;	
	}
	
	.n-popup .content {
		left:2% !important;
		right:2%  !important;
		margin-left:0 !important;	
		top:15% !important;
		max-width:96% !important;
	}
	
}