.spin {
    animation: spin 0.8s linear 0s infinite normal;
    -moz-animation: 0.8s linear 0s normal none infinite spin;
    -webkit-animation: spin 0.8s linear 0s infinite normal;
    -o-animation: spin 0.8s linear 0s infinite normal;
      pointer-events: none;
    
}
.spin:hover {
    animation: spin 1s linear 0s infinite reverse;
    -moz-animation: 1s linear 0s reverse none infinite spin;
    -webkit-animation: spin 1s linear 0s infinite reverse;
    -o-animation: spin 15s linear 0s infinite reverse;
}
        
  /* .load-button{
background-image: -webkit-linear-gradient(135deg,#e5e5e5 25%,transparent 25%,transparent 50%,#e5e5e5 50%,#e5e5e5 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(135deg,#e5e5e5 25%,transparent 25%,transparent 50%,#e5e5e5 50%,#e5e5e5 75%,transparent 75%,transparent);
background-image: -moz-linear-gradient(135deg,#e5e5e5 25%,transparent 25%,transparent 50%,#e5e5e5 50%,#e5e5e5 75%,transparent 75%,transparent);
background-image: linear-gradient(135deg,#e5e5e5 25%,transparent 25%,transparent 50%,#e5e5e5 50%,#e5e5e5 75%,transparent 75%,transparent);
-webkit-transition: width 0.5s ease-in-out;
-moz-transition: width 0.5s ease-in-out;
-o-transition: width 0.5s ease-in-out;
transition: width 0.5s ease-in-out;
-webkit-background-size: 50px 50px;
background-size: 50px 50px;
-moz-animation: animate-stripes 3s infinite linear;
-webkit-animation: animate-stripes 3s infinite linear;
-o-animation: animate-stripes 3s infinite linear;
-ms-animation: animate-stripes 3s infinite linear;
animation: animate-stripes 3s infinite linear;
cursor: default;
box-shadow: none;
pointer-events: none;
}

.load-button:hover
{
background-color:transparent  !important;
	background-position: 0% 0%;
background-image: linear-gradient(135deg,#3498db 25%,#4BA2DB 25%,#4BA2DB 50%,#3498db 50%,#3498db 75%,#4BA2DB 75%,#4BA2DB ) !important !important;
	-webkit-transition: width 0.5s ease-in-out;
	-moz-transition: width 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out;
	-webkit-background-size: 50px 50px;
	background-size: 50px 50px;
	-moz-animation: animate-stripes 3s infinite linear;
	-webkit-animation: animate-stripes 3s infinite linear;
	-o-animation: animate-stripes 3s infinite linear;
	-ms-animation: animate-stripes 3s infinite linear;
	animation: animate-stripes 3s infinite linear;
	cursor: default;
	box-shadow: none;
	pointer-events: none;
	background-color: transparent !important;
	background-repeat: repeat !important;
	background-attachment: scroll !important;
}

 .load-buttondiv{
background-image: -webkit-linear-gradient(135deg,#3498db 25%,#4BA2DB 25%,#4BA2DB 50%,#3498db 50%,#3498db 75%,#4BA2DB 75%,#4BA2DB );
background-image: -o-linear-gradient(135deg,#3498db 25%,#4BA2DB 25%,#4BA2DB 50%,#3498db 50%,#3498db 75%,#4BA2DB 75%,#4BA2DB );
background-image: -moz-linear-gradient(135deg,#3498db 25%,#4BA2DB 25%,#4BA2DB 50%,#3498db 50%,#3498db 75%,#4BA2DB 75%,#4BA2DB );
background-image: linear-gradient(135deg,#3498db 25%,#4BA2DB 25%,#4BA2DB 50%,#3498db 50%,#3498db 75%,#4BA2DB 75%,#4BA2DB );
-webkit-transition: width 0.5s ease-in-out;
-moz-transition: width 0.5s ease-in-out;
-o-transition: width 0.5s ease-in-out;
transition: width 0.5s ease-in-out;
-webkit-background-size: 50px 50px;
background-size: 50px 50px;
-moz-animation: animate-stripes 3s infinite linear;
-webkit-animation: animate-stripes 3s infinite linear;
-o-animation: animate-stripes 3s infinite linear;
-ms-animation: animate-stripes 3s infinite linear;
animation: animate-stripes 3s infinite linear;
cursor: default;
box-shadow: none;
pointer-events: none;
}



 .load-buttonSave{
background-image: -webkit-linear-gradient(135deg,rgba(255,255,255,0.7) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0.7) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(135deg,rgba(255,255,255,0.7) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0.7) 75%,transparent 75%,transparent);
background-image: -moz-linear-gradient(135deg,rgba(255,255,255,0.7) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0.7) 75%,transparent 75%,transparent);
background-image: linear-gradient(135deg,rgba(255,255,255,0.7) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0.7) 75%,transparent 75%,transparent);
-webkit-transition: width 0.5s ease-in-out;
-moz-transition: width 0.5s ease-in-out;
-o-transition: width 0.5s ease-in-out;
transition: width 0.5s ease-in-out;
-webkit-background-size: 50px 50px;
background-size: 50px 50px;
-moz-animation: animate-stripes 3s infinite linear;
-webkit-animation: animate-stripes 3s infinite linear;
-o-animation: animate-stripes 3s infinite linear;
-ms-animation: animate-stripes 3s infinite linear;
animation: animate-stripes 3s infinite linear;
cursor: default;
box-shadow: none;
pointer-events: none;
} */



 .load-row
 {
 	
background-image: -webkit-linear-gradient(135deg,rgba(0, 0, 0, 0.1) 25%,transparent 25%,transparent 50%,rgba(0, 0, 0, 0.1) 50%,rgba(0, 0, 0, 0.1) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(135deg,rgba(0, 0, 0, 0.1) 25%,transparent 25%,transparent 50%,rgba(0, 0, 0, 0.1) 50%,rgba(0, 0, 0, 0.1) 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(135deg,rgba(0, 0, 0, 0.1) 25%,transparent 25%,transparent 50%,rgba(0, 0, 0, 0.1) 50%,rgba(0, 0, 0, 0.1) 75%,transparent 75%,transparent);
  background-image: linear-gradient(135deg,rgba(0, 0, 0, 0.1) 25%,transparent 25%,transparent 50%,rgba(0, 0, 0, 0.1) 50%,rgba(0, 0, 0, 0.1) 75%,transparent 75%,transparent);
  -webkit-transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
  -webkit-background-size: 50px 50px;
  background-size: 50px 50px;
  -moz-animation: animate-stripes 3s infinite linear;
  -webkit-animation: animate-stripes 3s infinite linear;
  -o-animation: animate-stripes 3s infinite linear;
  -ms-animation: animate-stripes 3s infinite linear;
  animation: animate-stripes 3s infinite linear;
  cursor: default;
  box-shadow: none;
  pointer-events: none;
}

        
@keyframes animate-stripes{0%{background-position:0 0;}100%{background-position:50px 0;}}
@-webkit-keyframes animate-stripes{0%{background-position:0 0;}100%{background-position:50px 0;}}
@-moz-keyframes animate-stripes{0%{background-position:0 0;}100%{background-position:50px 0;}}
@-o-keyframes animate-stripes{0%{background-position:0 0;}100%{background-position:50px 0;}}



.loader-stripe
{
 	
background-image: -webkit-linear-gradient(135deg,rgba(0, 0, 0, 0.3) 25%,rgba(210, 210, 210, 0.25) 25%,rgba(210, 210, 210, 0.25) 50%,rgba(0, 0, 0, 0.3) 50%,rgba(0, 0, 0, 0.3) 75%,rgba(210, 210, 210, 0.25) 75%,rgba(210, 210, 210, 0.25));
background-image: -o-linear-gradient(135deg,rgba(0, 0, 0, 0.3) 25%,rgba(210, 210, 210, 0.25) 25%,rgba(210, 210, 210, 0.25) 50%,rgba(0, 0, 0, 0.3) 50%,rgba(0, 0, 0, 0.3) 75%,rgba(210, 210, 210, 0.25) 75%,rgba(210, 210, 210, 0.25));
background-image: -moz-linear-gradient(135deg,rgba(0, 0, 0, 0.3) 25%,rgba(210, 210, 210, 0.25) 25%,rgba(210, 210, 210, 0.25) 50%,rgba(0, 0, 0, 0.3) 50%,rgba(0, 0, 0, 0.3) 75%,rgba(210, 210, 210, 0.25) 75%,rgba(210, 210, 210, 0.25));
background-image: linear-gradient(135deg,rgba(0, 0, 0, 0.3) 25%,rgba(210, 210, 210, 0.25) 25%,rgba(210, 210, 210, 0.25) 50%,rgba(0, 0, 0, 0.3) 50%,rgba(0, 0, 0, 0.3) 75%,rgba(210, 210, 210, 0.25) 75%,rgba(210, 210, 210, 0.25));
  
-webkit-transition: width 0.5s ease-in-out;
-moz-transition: width 0.5s ease-in-out;
-o-transition: width 0.5s ease-in-out;
transition: width 0.5s ease-in-out;
-webkit-background-size: 50px 50px;
background-size: 50px 50px;

-moz-animation: animate-stripes 2s infinite linear;
-webkit-animation: animate-stripes 2s infinite linear;
-o-animation: animate-stripes 2s infinite linear;
-ms-animation: animate-stripes 2s infinite linear;
animation: animate-stripes 2s infinite linear;
cursor: default;
box-shadow: none;
pointer-events: none;

}

        
@keyframes animate-stripes{0%{background-position:0 0;}100%{background-position:50px 0;}}
@-webkit-keyframes animate-stripes{0%{background-position:0 0;}100%{background-position:50px 0;}}
@-moz-keyframes animate-stripes{0%{background-position:0 0;}100%{background-position:50px 0;}}
@-o-keyframes animate-stripes{0%{background-position:0 0;}100%{background-position:50px 0;}}


@keyframes spin {
    0% { transform: rotate(360deg); }
    100% { transform: rotate(0deg); }
}
@-moz-keyframes spin {
    0% { -moz-transform: rotate(360deg); }
    100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes spin {
    0% {-webkit-transform: rotate(360deg); }
    100% { -webkit-transform: rotate(0deg); }
}
@-o-keyframes spin {
    0% { -o-transform: rotate(360deg); }
    100% { -o-transform: rotate(0deg); }
}

/*  
----------------------------------------------------------------------------------------------------
Loader Class Not Use For Css
*/
.SpinButton
{
}
.CloseLoader
{
}
.SaveLoader
{
}
.RowClickLoader
{
}

.ControlLoader
{
}

.clickLoader
{
	
}