.icon-loading {
	background-image: url("../images/icon-loading.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: inline-block;
	height: 1em;
	vertical-align: baseline;
	width: 1em;
}
.icon-loading.active {
	animation: 1s linear 0s normal none infinite running rotate-360;
}

.loading {
	color: #999999;
	display: block;
	margin: 1.15em 0px;
	text-align: center;
}

.loading span, .loading i {
	display: inline-block;
	vertical-align: middle;
}

.loading .icon-loading {
	margin-right: 0.3em;
}

.btn-loading {
	box-sizing: border-box;
	line-height: 1;
	margin: 0px;
	padding: 0.65em 0.75em ! important;
	width: 100%;
}

.btn-loading .icon-loading {
	display: none;
}

.btn-loading.active .icon-loading {
	display: inline-block;
}

.loadingBox {
	align-content: center;
	background-color: rgba(0, 0, 0, 0.3);
	display: flex;
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 99;
}

.loadingBox i {
	background-image: url("../images/loading.gif");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	height: 2.4em;
	margin: 0px auto;
	width: 2.4em;
}

.loadingBox i.right {
	background-image: url("../images/loading_right.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.loadingBox i.error {
	background-image: url("../images/loading_error.png");
	background-repeat: no-repeat;
}

.loadingBox p {
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 5px;
	color: #ffffff;
	font-size: 0.9em;
	margin: auto;
	padding: 1.2em;
	text-align: center;
}

.loadingBox p span {
	display: block;
	line-height: 1em;
	padding-top: 0.5em;
}

.loadingBox.nolayout {
	background: none repeat scroll 0px center transparent;
	height: 8em;
	left: 50%;
	margin-left: -4em;
	margin-top: -4em;
	top: 50%;
	width: 8em;
}
.btn-loading {
	margin: 0px;
}