/* Animacion del menu de notofocaciones */
@keyframes fadeIn {
    0% {
       transform: translateY(49px);
       opacity: 0;
    }
   
    100% {
      transform: translateY(10px);
      opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
      transform: translateY(10px);
       opacity: 1;
    }
   
    100% {
      transform: translateY(49px);
       opacity: 0;
    }
}

.opacity {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Animacion del menu lateral del telefono */
@keyframes menuFadeIn {
  0% {
     transform: translateX(-270px);
     opacity: 0;
  }
 
  100% {
    transform: translateX(270px);
    opacity: 1;
  }
}

@keyframes menuFadeOut {
  0% {
    transform: translateX(270px);
     opacity: 1;
  }
 
       100% {
    transform: translateX(-270px);
     opacity: 0;
  }
}

/* overlay del menu de telefono  */
@keyframes overlayFadeIn {
  0% {
     opacity: 0;
  }
 
  100% {
    opacity: .3;
  }
}

@keyframes overlayFadeOut {
  0% {
     opacity: .3;
  }
 
   100% {
     opacity: 0;
  }
}

/* efecto de modal eztrack  */
@keyframes scaledIn {
  0% {
    transform: scale(.90);
    opacity:0;
  }
 
  100% {
    transform: scale(1);
    opacity:1;
  }
}

@keyframes scaledOut {
  0% {
    transform: scale(1);
    opacity:1;
  }
 
  100% {
    transform: scale(0);
    opacity:0;
  }
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* animacion para dropdown */
@keyframes dropdowFadeIn {
  0% {
     opacity: 0;
  }
 
  100% {
    opacity: 1;
  }
}