/*** loader css ***/
@-moz-keyframes ajax-loading-ball {1% {opacity: 0;transform: scale(0);}5% {opacity: 1;}
100% {opacity: 0;transform: scale(1) ;}
}
@-webkit-keyframes ajax-loading-ball {
1% {opacity: 0;-webkit-transform: scale(0);}
5% {opacity: 1;}
100% {opacity: 0;-webkit-transform: scale(1) ;}
}
@keyframes ajax-loading-ball {
1% {opacity: 0;transform: scale(0);}
5% {opacity: 1;}
100% {opacity: 0;transform: scale(1) ;}
}
.ajax-loading-ball {position: fixed;top: 0;bottom: 0;left: 0;right: 0;display: block;z-index: 9999;}
.ajax-loading-ball > div {animation: 1s linear 0.1s normal none infinite ajax-loading-ball;-webkit-animation: 1s linear 0.1s normal none infinite ajax-loading-ball;background-color: #02458b;left: 50%;margin: -50px 0 0 -50px ;top: 50%;opacity: 0;position: absolute;width: 100px;height: 100px;border-radius: 50%;}
.ajax-loading-ball > div:nth-child(2) {animation-delay: 0.2s;-webkit-animation-delay: 0.2s; background-color: #02458b;}
.ajax-loading-ball > div:nth-child(3) {animation-delay: 0.4s;-webkit-animation-delay: 0.4s; background-color: #02458b;}

form.ui-load{position:relative;display:inline-block}
.ui-load{pointer-events:none;cursor:not-allowed}
.ui-load .ui-load-element{border:1px #777 solid;background:rgba(0,0,0,0.25);position:absolute;top:-1px;right:-1px;left:-1px;bottom:-1px;z-index:9}
.ui-load .ui-load-element .ajax-loading-ball{top:0;right:0;left:0;bottom:0;position:absolute;margin:auto;width:50px;height:50px}
/*** loader css ***/