/**
 * @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;
	-moz-animation: waiting 2.5s;
	-o-animation: waiting 2.5s;
	animation: waiting 2.5s;
}

@-webkit-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;
}

#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+ */
}

@-webkit-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+ */
}

@-webkit-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+ */
}

@-webkit-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-info {
	background-color: #FF4136 !important;
}

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

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