/*################################################################################
 *###  WEB - ONLY COMMON STATIC animations CSS - ALL CHANNELS, ALL REFERRERS  ####
 *############################################################################## */

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
.fadeIn {
    animation-name: fadeIn;
    animation-duration: 0.5s;
}

@keyframes allImagesFadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* [#11334] only for non-iOS devices */
.socDateRouter img {
    animation-name: allImagesFadeIn;
    animation-duration: 0.3s;
}

/* ActivityIndicator loop */
@keyframes activityIndicatorLoop {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}
img.activityIndicator {
    animation-name: activityIndicatorLoop;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.hoverOpacity {
  opacity: 0.5;
  transition: opacity 0.4s;
}
.hoverOpacity.o25 {
  opacity: 0.25;
}
.hoverOpacity:hover { opacity: 1; }