@charset "UTF-8";

/*
 Spinner
 */

@keyframes spinner{
	
 0%{
  transform:rotate(0deg)
 }
 
 100%{
  transform:rotate(360deg)
 }
 
}

.loading-spinner{
 position: relative;
 display: block;
 border: solid transparent 0px;
 width: 30px;
 height: 20px;
 animation: spinner 800ms linear infinite
}
.loading-spinner:before{
 content: '';
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 width: 10px;
 height: 2px;
 margin-left: -5px;
 margin-top: -1px;
 background-color: transparent
}
.loading-spinner.abscenter{
 position: absolute;
 top: 50%;
 left: 50%;
 margin: -10px 0 0 -15px; 
}

/*
 Shacker
 */

@keyframes shake-vertical{
	
 10%, 90% {
  transform: translate3d( 0, -2px, 0 )
 }
  
 20%, 80% {
  transform: translate3d( 0, 4px, 0 )
 }

 30%, 50%, 70% {
  transform: translate3d( 0, -8px, 0 )
 }

 40%, 60% {
  transform: translate3d( 0, 8px, 0 )
 }
  
}

@keyframes shake-horizontal{
	
 10%, 90% {
  transform: translate3d( -2px, 0, 0 )
 }
  
 20%, 80% {
  transform: translate3d( 4px, 0, 0 )
 }

 30%, 50%, 70% {
  transform: translate3d( -8px, 0, 0 )
 }

 40%, 60% {
  transform: translate3d( 8px, 0, 0 )
 }
  
}