.ncf-container{
	font-size:14px;
	box-sizing:border-box;
	position:fixed;
	z-index:999999
}

.ncf-container.nfc-top-left{
	top:12px;
	left:12px
}

.ncf-container.nfc-top-right{
	top:12px;
	right:12px
}

.ncf-container.nfc-bottom-right{
	bottom:12px;
	right:12px
}

.ncf-container.nfc-bottom-left{
	bottom:12px;
	left:12px
}

@media (max-width:767px){
	.ncf-container{
		left:0;
		right:0
	}
}

.ncf-container .ncf{
	background:#fff;
	transition:.3s ease;
	position:relative;
	pointer-events:auto;
	overflow:hidden;
	margin:0 0 6px;
	padding:30px;
	width:300px;
	border-radius:3px 3px 3px 3px;
	/*	box-shadow:0 0 12px #999;*/
	color:#000;
	opacity:.9;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	filter:alpha(opacity=90);
	background-position:15px!important;
	background-repeat:no-repeat!important;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.ncf-container .ncf:hover{
	box-shadow:0 0 5px #8990A3;
	opacity:1;cursor:pointer
}

.ncf-container .ncf .ncf-title{
	font-weight:700;
	font-size:16px;
	text-align:left;
	margin-top:0;
	margin-bottom:6px;
	word-wrap:break-word
}

.ncf-container .ncf .nfc-message{
	margin:0;
	text-align:left;
	word-wrap:break-word
}

.ncf-container .success {
	background: #51a351;
	color: #fff;
	padding: 15px 15px 15px 50px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik04LjggMTYuNmMtLjMgMC0uNS0uMS0uNy0uM2wtMy40LTMuNGExIDEgMCAwIDEgMS40LTEuNGwyLjcgMi43IDcuMi03LjJhMSAxIDAgMSAxIDEuNCAxLjRsLTcuOSA3LjljLS4yLjItLjQuMy0uNy4zeiIvPjwvc3ZnPg==");
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 24px 24px;
}

.ncf-container .info {
	background: #2f96b4;
	color: #fff;
	padding: 15px 15px 15px 50px;
	background-image: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IndoaXRlIj4KICA8cGF0aCBkPSJNMTEgN2gydjJoLTJ6bTAgNGgydjZoLTJ6bTEtOUM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4CiAgICAgICAgICAgMTAtMTBTMTcuNTIgMiAxMiAyeiIvPgo8L3N2Zz4K");
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 24px 24px;
}

.ncf-container .warning {
	background: #f87400;
	color: #fff;
	padding: 15px 15px 15px 50px;
	background-image: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IndoaXRlIj4KICA8cGF0aCBkPSJNMSAyMWgyMkwxMiAyIDEgMjF6bTEyLTNoLTJ2LTJoMnYyem0wLTRoLTJ2LTRoMnY0eiIvPgo8L3N2Zz4K");
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 24px 24px;
}

.ncf-container .error {
	background: #bd362f;
	color: #fff;
	padding: 15px 15px 15px 50px;
	background-image: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IndoaXRlIj4KICA8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMAogICAgICAgICAgIDEwLTQuNDggMTAtMTBTMTcuNTIgMiAxMiAyem01IDEzLjU5TDE1LjU5CiAgICAgICAgICAgMTcgMTIgMTMuNDEgOC40MSAxNyA3IDE1LjU5IDEwLjU5IDEyIDcKICAgICAgICAgICA4LjQxIDguNDEgNyAxMiAxMC41OSAxNS41OSA3IDE3IDguNDEKICAgICAgICAgICAxMy40MSAxMiAxNyAxNS41OXoiLz4KPC9zdmc+Cg==");
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 24px 24px;
}

.ncf-container button{
	position:relative;
	right:-.3em;
	top:-.3em;
	float:right;
	font-weight:700;
	color:#fff;
	text-shadow:0 1px 0 #fff;
	opacity:.8;
	line-height:1;
	font-size:16px;
	padding:0;
	cursor:pointer;
	background:transparent;
	border:0
}

.ncf-container button:hover{
	opacity:1
}