.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-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
{
	
}



.loaderimage
{
    height: 40px;
    width: 40px;
    position: fixed;
    top: 45%;
    left: 50%;
    z-index: 999999;
}
.load-image-div
{
    background-color: #f0f0f0;
    opacity: 0.40;
}
.divfullloader
{
	display: none;
	position: fixed !important;
    z-index: 9999;
    height: 100%;
    width: 100%;
}
.divfullloader:after
{
	left: 42% !important;
}
.disablebutton
{
	pointer-events: none;
}