/* Fade in animation */
@-webkit-keyframes fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
		-webkit-animation-timing-function: ease-in;
	}
}
@-webkit-keyframes fadeoutdelay {
    0%,100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: ease-out;
    }
}

/* Target div animation */
@-webkit-keyframes target {
    0% {
        opacity: 0;
        height: 0;
    }
    90% {
        opacity: 1;
    }
    100% {
        height: 100%;
        -webkit-animation-timing-function: cubic-bezier(0,.5,.5,1);
    }
}

/* Login form animation */
@-webkit-keyframes login {
    0% {
        margin-top: -230px;
    }
    100% {
        margin-top: 50px;
        -webkit-animation-timing-function: cubic-bezier(0,.5,.5,1);
    }
}

@-webkit-keyframes loginhide {
    0% {
        margin-top: 50px;
    }
    100% {
        margin-top: -230px;
        -webkit-animation-timing-function: cubic-bezier(0,.5,.5,1);
    }
}

@-webkit-keyframes login_shake {
    0% {
        margin-left: 105px;
        -webkit-animation-timing-function: linear;
    }
    25% {
        margin-left: 85px;
        -webkit-animation-timing-function: linear;
    }
    50% {
        margin-left: 105px;
        -webkit-animation-timing-function: linear;
    }
    100% {
        margin-left: 125px;
        -webkit-animation-timing-function: linear;
    }
}

/* Stagger in animation */
@-webkit-keyframes staggerdelay {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes stagger {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -webkit-animation-timing-function: ease-in;
    }
    70% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
    }
}

/* Splash screen animations */
@-webkit-keyframes splash {
	0% {
		opacity: 0;
        -webkit-animation-timing-function: ease-in;
	}
	45% {
        opacity: 1;
        -webkit-animation-timing-function: ease-in;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes atom {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: ease-in;
	}
	45% {
        opacity: 1;
        -webkit-transform: rotate3D(1,2,1,180deg);
	}
	70% {
        opacity: 1;	
		-webkit-animation-timing-function: ease-out;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes showfeedback {
    0% {
        right: -230px;
    }
    100% {
        right: 0;
        -webkit-animation-timing-function: cubic-bezier(0,.5,.5,1);
    }
}