/* CSS Document 
icons from http://www.cssdesk.com/a2b9G
*/

.chevron::before {
	border-style: solid;
	border-width: 0.35em 0.35em 0 0;
	content: '';
	display: inline-block;
	height: 3em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	-webkit-transform:  rotate(-45deg); /*because safari is just crap*/
	vertical-align: top;
	width: 3em;
	margin:20px;	
	

}

.chevron.right:before {
	left: 0;
	transform: rotate(45deg);
	-webkit-transform:  rotate(45deg);/*because safari is just crap*/
}

.chevron.bottom:before {
	top: 0;
	transform: rotate(135deg);
	-webkit-transform:  rotate(135deg);/*because safari is just crap*/
}

.chevron.left:before {
	left: 0.25em;
	transform: rotate(-135deg);
	-webkit-transform:  rotate(-135deg);/*because safari is just crap*/
}



/* spinner from http://stephanwagner.me/only-css-loading-spinner */
@keyframes spinner {
    to {
		transform: rotate(360deg);
		-webkit-transform:  rotate(360deg);/*because safari is just crap*/
		
		}
}
 
@-webkit-keyframes spinner {
    to {-webkit-transform: rotate(360deg);
	-webkit-transform:  rotate(360deg);/*because safari is just crap*/
	}
}
 
.spinner {
    min-width: 30px;
    min-height: 30px;
}
 
.spinner:before {
    content: 'Loading…';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-top: -13px;
    margin-left: -13px;
}
 
.spinner:not(:required):before {
    content: '';
    border-radius: 50%;
    /*border: 1px solid #ccc;
    border-top-color: #03ade0;*/
	border: 1px solid #999;
    border-top-color: #333;
    animation: spinner .6s linear infinite;
    -webkit-animation: spinner .6s linear infinite;
}