/*! RARIK_OutageAlertsDS.css */

#rarOAlerts-Wrapper {
	position: relative;
}

.rarOAlerts-Alert {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding-left: 55px;
	opacity:0;
}

.rarOAlerts-Alert.alertDefault {
	background-image: url(/AfoCustom/RARIK/img/OutageAlertsDefault.svg);
	background-size: 35px 31px;
	background-repeat: no-repeat;
	background-position: left center;
}

.rarOAlerts-Alert.alertNew {
	background-image: url(/AfoCustom/RARIK/img/OutageAlertsNew.svg);
	background-size: 35px 31px;
	background-repeat: no-repeat;
	background-position: left center;
}

/* animation */
.rarOAlerts-Alert:nth-child(1) {
  animation: xfade 18s 12s infinite;
}
.rarOAlerts-Alert:nth-child(2) {
  animation: xfade 18s 6s infinite;
}
.rarOAlerts-Alert:nth-child(3) {
  animation: xfade 18s 0s infinite;
}

@keyframes xfade{
	0%{
		opacity: 1;
	}
	25.5% {
		opacity: 1;
	}
	33.3%{
		opacity: 0;
	}
	98% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@media screen and (max-width: 600px) {	
	
	.rarOAlerts-Alert {
		padding-left: 45px;
	}

}