/**
 * @author Daan van den Bergh
 * @package OMGF
 */

/*#wp-admin-bar-omgf.alert {*/
/*	background-color: #FF4136;*/
/*}*/

#wp-admin-bar-omgf.dot > .ab-item:after {
	content: "";
	width: 10px;
	height: 10px;
	margin-left: 5px;
	border-radius: 50%;
	background-color: grey;
	display: inline-block;
	-webkit-animation: waiting 2.5s infinite;
	-moz-animation: waiting 2.5s infinite;
	-o-animation: waiting 2.5s infinite;
	animation: waiting 2.5s infinite;
}

@keyframes waiting {
	12.5%, 37.5%, 67.5%, 87.5% {
		background-color: transparent;
	}
	0%, 25%, 50%, 75%, 100% {
		background-color: grey;
	}
}

#wp-admin-bar-omgf-info > .ab-item {
	color: white !important;
}

#wp-admin-bar-omgf.dot.success > .ab-item:after {
	background-color: #2ECC40;
	animation: none;
}

#wp-admin-bar-omgf.dot.alert > .ab-item:after {
	background-color: #FF4136;
	-webkit-animation: blinking-alert 2.5s; /* Safari 4+ */
	-moz-animation: blinking-alert 2.5s; /* Fx 5+ */
	-o-animation: blinking-alert 2.5s; /* Opera 12+ */
	animation: blinking-alert 2.5s; /* IE 10+, Fx 29+ */
}

@keyframes blinking-alert {
	12.5%, 37.5%, 67.5%, 87.5% {
		background-color: transparent;
	}
	0%, 25%, 50%, 75%, 100% {
		background-color: #FF4136;
	}
}

#wp-admin-bar-omgf.dot.warning > .ab-item:after {
	background-color: #FF851B;
	-webkit-animation: blinking-warning 2.5s; /* Safari 4+ */
	-moz-animation: blinking-warning 2.5s; /* Fx 5+ */
	-o-animation: blinking-warning 2.5s; /* Opera 12+ */
	animation: blinking-warning 2.5s; /* IE 10+, Fx 29+ */
}

@keyframes blinking-warning {
	12.5%, 37.5%, 67.5%, 87.5% {
		background-color: transparent;
	}
	0%, 25%, 50%, 75%, 100% {
		background-color: #FF851B;
	}
}

#wp-admin-bar-omgf.dot.notice > .ab-item:after {
	background-color: #FFDC00;
	-webkit-animation: blinking-notice 2.5s; /* Safari 4+ */
	-moz-animation: blinking-notice 2.5s; /* Fx 5+ */
	-o-animation: blinking-notice 2.5s; /* Opera 12+ */
	animation: blinking-notice 2.5s; /* IE 10+, Fx 29+ */
}

@keyframes blinking-notice {
	12.5%, 37.5%, 67.5%, 87.5% {
		background-color: transparent;
	}
	0%, 25%, 50%, 75%, 100% {
		background-color: #FFDC00;
	}
}

#wp-admin-bar-omgf.dot.info > .ab-item:after {
	background-color: #0074D9;
	-webkit-animation: blinking-info 2.5s; /* Safari 4+ */
	-moz-animation: blinking-info 2.5s; /* Fx 5+ */
	-o-animation: blinking-info 2.5s; /* Opera 12+ */
	animation: blinking-info 2.5s; /* IE 10+, Fx 29+ */
}

@keyframes blinking-info {
	12.5%, 37.5%, 67.5%, 87.5% {
		background-color: transparent;
	}
	0%, 25%, 50%, 75%, 100% {
		background-color: #0074D9;
	}
}

#wp-admin-bar-omgf.alert #wp-admin-bar-omgf-info {
	background-color: #FF4136 !important;
}

#wp-admin-bar-omgf.notice #wp-admin-bar-omgf-info {
	background-color: #FFDC00 !important;
}

#wp-admin-bar-omgf.info #wp-admin-bar-omgf-info,
#wp-admin-bar-omgf.info #wp-admin-bar-omgf-first-run {
	background-color: #0074D9 !important;
}

#wp-admin-bar-omgf.notice #wp-admin-bar-omgf-info .ab-item {
	color: black !important;
}

#wp-admin-bar-omgf .info {
	background-color: #0074D9 !important;
}

#wp-admin-bar-omgf .info .ab-item {
	color: white !important;
}