.forgot-password-msg {
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    margin: 1rem 0;
    line-height: 0;
    padding: 0.3rem;
    font-size: 0;
}
.forgot-password-msg.show.success {
    background: var(--digilean-white);
    color: green;
    font-size: 16px;
}
.forgot-password-msg.show {
    line-height: 1.5;
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 13px;
}
.forgot-password-msg.swing {
    animation: swing 0.5s ease;
    animation-iteration-count: 2;
}

@keyframes swing
{
    15% { transform: translateX(5px); }
    30% { transform: translateX(-5px); }
    50% { transform: translateX(3px); }
    65% { transform: translateX(-3px); }
    80% { transform: translateX(2px); }
    100% { transform: translateX(0); }
}