.datagrid-loader {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.7);
	cursor: not-allowed;
	z-index: 9999;
}

.datagrid-loader-desc {
	position: relative;
	top: calc(50% + 15px);
	text-align: center;
	margin: 0 auto;
	width: 130px;
	font-size: 14px;
	color: #c51a0e;
	text-shadow: 1px 1px 1px #d6c7c6;
}

.cssload-loader {
	position: absolute;
	left: calc(50% - 18px);
	top: calc(50% - 28px);
	width: 38px;
	height: 38px;
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	perspective: 460px;
}

.cssload-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;	
}

.cssload-inner.cssload-one {
	left: 0%;
	top: 0%;
	animation: cssload-rotate-one 1.15s linear infinite;
	-o-animation: cssload-rotate-one 1.15s linear infinite;
	-ms-animation: cssload-rotate-one 1.15s linear infinite;
	-webkit-animation: cssload-rotate-one 1.15s linear infinite;
	-moz-animation: cssload-rotate-one 1.15s linear infinite;
	border-bottom: 2px solid rgb(230,18,18);
}

.cssload-inner.cssload-two {
	right: 0%;
	top: 0%;
	animation: cssload-rotate-two 1.15s linear infinite;
	-o-animation: cssload-rotate-two 1.15s linear infinite;
	-ms-animation: cssload-rotate-two 1.15s linear infinite;
	-webkit-animation: cssload-rotate-two 1.15s linear infinite;
	-moz-animation: cssload-rotate-two 1.15s linear infinite;
	border-right: 2px solid rgb(0,174,255);
}

.cssload-inner.cssload-three {
	right: 0%;
	bottom: 0%;
	animation: cssload-rotate-three 1.15s linear infinite;
	-o-animation: cssload-rotate-three 1.15s linear infinite;
	-ms-animation: cssload-rotate-three 1.15s linear infinite;
	-webkit-animation: cssload-rotate-three 1.15s linear infinite;
	-moz-animation: cssload-rotate-three 1.15s linear infinite;
	border-top: 2px solid rgb(0,0,0);
}

@keyframes cssload-rotate-one {
	0% {transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}
	100% {transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}
}

@-o-keyframes cssload-rotate-one {
	0% {-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}
	100% {-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}
}

@-ms-keyframes cssload-rotate-one {
	0% {-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}
	100% {-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}
}

@-webkit-keyframes cssload-rotate-one {
	0% {-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}
	100% {-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}
}

@-moz-keyframes cssload-rotate-one {
	0% {-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}
	100% {-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}
}

@keyframes cssload-rotate-two {
	0% {transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);}
	100% {transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);}
}

@-o-keyframes cssload-rotate-two {
	0% {-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);}
	100% {-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);}
}

@-ms-keyframes cssload-rotate-two {
	0% {-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);}
	100% {-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);}
}

@-webkit-keyframes cssload-rotate-two {
	0% {-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);}
	100% {-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);}
}

@-moz-keyframes cssload-rotate-two {
	0% {-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);}
	100% {-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);}
}

@keyframes cssload-rotate-three {
	0% {transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);}
	100% {transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);}
}

@-o-keyframes cssload-rotate-three {
	0% {-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);}
	100% {-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);}
}

@-ms-keyframes cssload-rotate-three {
	0% {-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);}
	100% {-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);}
}

@-webkit-keyframes cssload-rotate-three {
	0% {-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);}
	100% {-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);}
}

@-moz-keyframes cssload-rotate-three {
	0% {-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);}
	100% {-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);}
}