.x-modal{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	background-color:rgba(192,192,192,0.3);
	overflow: hidden;
	outline-style: none;
	outline-width: 0px;
	z-index:100;
}


.x-notifi-text{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);

	padding: 10px 45px;
	background-color: rgba(0,0,0,0.3);
	border-radius: 3px;
	color: #FFFFFF;
	font-weight:bold;
}

.ui-loading {
	position: relative;
}

.ui-loading:after {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	animation: ui-loading-frames 1s linear alternate infinite;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.ui-loading > * {
	pointer-events: none;
	filter: blur(2px);
}