.ico-toggle
{
	transition: all 0.35s ease-in-out;
	grid-column:1;
	grid-row:1;
	margin: 0px;
	padding: 0px;
}

.ico-toggle-parent.complete .ico-initial,
.ico-toggle-parent.complete .ico-loading
{
	transform: rotateY(180deg) scale(0);
	opacity: 0;
}

.ico-toggle-parent.loading .ico-initial,
.ico-toggle-parent.loading .ico-complete
{
	transform: rotateY(180deg) scale(0);
	opacity: 0;
}

.ico-toggle-parent:not(.complete):not(.loading) .ico-loading,
.ico-toggle-parent:not(.complete):not(.loading) .ico-complete
{
	transform: rotateY(180deg) scale(0);
	opacity: 0;
}

.ico-toggle-parent:focus 
{
	outline:0;
}
.ico-toggle-parent
{
	cursor: pointer;
	display: grid;
	margin: 0px;
	padding: 0px;
}

.ico-loading
{
	animation-name: IconToggle_AnimationLoading;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

@keyframes IconToggle_AnimationLoading
{
	0%		{ transform:rotateY(0deg);   }
	50%		{ transform:rotateY(180deg); }
	100%	{ transform:rotateY(0deg);   }
}