.loading-container {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.ajax-navigation-spinner {
    border-radius: 100%;
    position: absolute;
    border: 1px solid #8888ff;
    animation: ajax-loading-animation 1s;
    animation-iteration-count: infinite;
    transition: 2s;
    border-bottom: none;
    border-right: none;
    animation-timing-function: linear;
    margin-left: -125px;
    margin-top: -125px;
    width: 250px;
    height: 250px;
    left: 50%;
    top: 50%;
}

@-moz-keyframes ajax-loading-animation {
	from {
		transform: rotate(0deg);
	}
	50% {
		transform:rotate(180deg);

	}
	100% {
		transform:rotate(360deg);
	}
}

@-webkit-keyframes ajax-loading-animation {
	from {
		transform: rotate(0deg);
	}
	50% {
		transform:rotate(180deg);

	}
	100% {
		transform:rotate(360deg);
	}
}

@keyframes ajax-loading-animation {
	from {
		transform: rotate(0deg);
	}
	50% {
		transform:rotate(180deg);

	}
	100% {
		transform:rotate(360deg);
	}
}

.spinner2 {
    width: 230px;
    height: 230px;
    left: 50.35%;
    top: 50.7%;
    animation-delay: .2s;
}

.spinner3 {
    width: 210px;
    height: 210px;
    left: 50.70%;
    top: 51.4%;
    animation-delay: .4s;
}

.spinner4 {
    width: 190px;
    height: 190px;
    left: 51.05%;
    top: 52.1%;
    animation-delay: .6s;
}

.spinner5 {
    width: 170px;
    height: 170px;
    left: 51.40%;
    top: 52.8%;
    animation-delay: .8s;
}

.form-spinner {
	margin-top: 12px !important;
	float: right;
	display: none;
}

.inline-control .form-spinner {
	margin-top: 3px !important;
	display: none;
}