@keyframes hideshow{
    0% {opacity:0}
    10% {opacity:100}
    50% {opacity:100}
    60% {opacity:0}
    100%{opacity:0}
}

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

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

@keyframes button_new_chat_message{
    0% {background:#1b830c}
    5% {background:#1b830c}
    10% {background:#22b10e}
    15% {background:#22b10e}
    20% {background:#1b830c}
    25% {background:#1b830c}
    30% {background:#22b10e}
    35% {background:#22b10e}
    40% {background:#1b830c}
    100% {background:#1b830c}
}