@-webkit-keyframes left-swipe-animation {
    0%   { 
      opacity: 1;
      transform: translate(0px);
    }
    100%{
        opacity: 0; 
        transform: translate(-200px);
    }
}
@-moz-keyframes left-swipe-animation {
    0%   { 
      opacity: 1;
      transform: translate(0px);
    }
    100%{
        opacity: 0; 
        transform: translate(-200px);
    }
}
@-o-keyframes left-swipe-animation {
    0%   { 
      opacity: 1;
      transform: translate(0px);
    }
    100%{
        opacity: 0; 
        transform: translate(-200px);
    }
}
@keyframes left-swipe-animation {
    0%   {
      opacity: 1;
      transform: translate(0px);
    }
    100%{
        opacity: 0; 
        transform: translate(-200px);
    }
}

@-webkit-keyframes right-swipe-animation {
    0%   { 
      opacity: 1;
      transform: translate(0px);
    }
    100%{
        opacity: 0; 
        transform: translate(200px);
    }
}
@-moz-keyframes right-swipe-animation {
    0%   { 
      opacity: 1;
      transform: translate(0px);
    }
    100%{
        opacity: 0; 
        transform: translate(200px);
    }
}
@-o-keyframes right-swipe-animation {
    0%   { 
      opacity: 1;
      transform: translate(0px);
    }
    100%{
        opacity: 0; 
        transform: translate(200px);
    }
}
@keyframes right-swipe-animation {
    0%   {
      opacity: 1;
      transform: translate(0px);
    }
    100%{
        opacity: 0; 
        transform: translate(200px);
    }
}


@-webkit-keyframes slide-up-animation {
    0%   { 
        min-height: 48px;
        height: 130px;
    }
    100%{
        min-height: 0px;
        height: 0px;
    }
}
@-moz-keyframes slide-up-animation {
    0%   { 
        min-height: 48px;
        height: 130px;
    }
    100%{
        min-height: 0px;
        height: 0px;
    }
}
@-o-keyframes slide-up-animation {
    0%   { 
        min-height: 48px;
        height: 130px;
    }
    100%{
        min-height: 0px;
        height: 0px;
    }
}
@keyframes slide-up-animation {
    0%   {
        min-height: 48px;
        height: 130px;
    }
    100%{
        min-height: 0px;
        height: 0px;
    }
}

@-webkit-keyframes new-message-alert-animation {
    0%   {
        opacity: 0;
        transform: scale(0.5);
    }
    90%{
        
        transform: scale(1.3);
    }
    100%{
        opacity: 1;
        transform: scale(1.3);
    }
}
@-moz-keyframes new-message-alert-animation {
    0%   {
        opacity: 0;
        transform: scale(0.5);
    }
    90%{
        
        transform: scale(1.3);
    }
    100%{
        opacity: 1;
        transform: scale(1.3);
    }
}
@-o-keyframes new-message-alert-animation {
    0%   {
        opacity: 0;
        transform: scale(0.5);
    }
    90%{
        
        transform: scale(1.3);
    }
    100%{
        opacity: 1;
        transform: scale(1.3);
    }
}
@keyframes new-message-alert-animation {
    0%   {
        opacity: 0;
        transform: scale(0.5);
    }
    90%{
        
        transform: scale(1.3);
    }
    100%{
        opacity: 1;
        transform: scale(1.3);
    }
}