/*
 * Copyright (C) 2013 salesforce.com, inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
@-webkit-keyframes auraPlaceholderSpin {
  from {
  	-webkit-transform: rotate(0deg);
  	
  }
  to {
  	-webkit-transform: rotate(720deg);
  }
}

@keyframes auraPlaceholderSpin {
  from {
  	transform: rotate(0deg);  	
  }
  to {
  	transform: rotate(720deg);
  }
}

.auraPlaceholder.spin{
	display:inline-block;
	border:1px solid #666;
	background-color:#888;
	border-radius: 16px;	
	width:9px;
	height:9px;	
    
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-name: auraPlaceholderSpin;
    -webkit-animation-duration:0.75s;
    -webkit-animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
    animation-name: auraPlaceholderSpin;
    animation-duration:0.75s;
    animation-timing-function:ease-in-out;
}
.auraPlaceholder.spin:AFTER, .auraPlaceholder.spin:BEFORE{
	content:"";
	border-radius: 4px;	
	background-color:#666;
	position:absolute;
}
.auraPlaceholder.spin:AFTER{
	height:1px;
	width:17px;
	margin-top:4px;
	margin-left:-4px;
}
.auraPlaceholder.spin:BEFORE{
	height:17px;
	width:1px;
	margin-left:4px;
	margin-top:-4px;
}