@-webkit-keyframes extendDown {
  from {
    
    -webkit-transform: translate3d(0, -80%, 0);
    transform: translate3d(0, -80%, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes extendDown {
  from {
    -webkit-transform: translate3d(0, -80%, 0);
    transform: translate3d(0, -80%, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.extendDown {
  -webkit-animation-name: extendDown;
  animation-name: extendDown;
}












@-webkit-keyframes extendUp {
  from {
    
   -webkit-transform: none;
    transform: none;
  }

  to {
       -webkit-transform: translate3d(0, -80%, 0);
    transform: translate3d(0, -80%, 0);
    
  }
}

@keyframes extendUp {
  from {
    -webkit-transform: none;
    transform: none;
  }

  to {
      -webkit-transform: translate3d(0, -80%, 0);
    transform: translate3d(0, -80%, 0);
    
  }
}

.extendUp {
  -webkit-animation-name: extendUp;
  animation-name: extendUp;
}











@-webkit-keyframes item-bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes item-bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: item-bounceInLeft;
  animation-name: item-bounceInLeft;
}








#ContentQuestionnaire .slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
   -webkit-animation-duration:0.5s !important;
  animation-duration:0.5s !important;

  
}


#ContentQuestionnaire .slideInLeft,
#EditLinked.slideInLeft,
#PageLinkedAccount.slideInLeft,
#FullQuestionnaire.slideInLeft,
#QuestionnaireSummery.slideInLeft  {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
   -webkit-animation-duration:0.5s !important;
  animation-duration:0.5s !important;

  
}



#ContentQuestionnaire .slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
   -webkit-animation-duration:0.5s !important;
  animation-duration:0.5s !important;

  
}

#ContentQuestionnaire .slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
    -webkit-animation-duration:0.5s !important;
  animation-duration:0.5s !important;


}