/**
 * Icons
 */
.rox-icon {
	svg.icon {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 100%;
		fill: #000;
		transition: all .3s linear;
	}
	svg.icon-rox-tick,
	svg.icon-rox-search,
	svg.icon-rox-right-d-arrow {
		fill: #56b1f1;
	}
	svg.icon-rox-reload,
	svg.icon-rox-sad,
	svg.icon-rox-close {
		fill: #7f7f7f;
	}
	svg.icon-rox-reload {
		animation-name: spin;
		animation-duration: 4000ms;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}
	svg.no-animation {
		animation: none;
	}
}
@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}