#toastMessage { visibility: hidden; min-width: 250px; margin-left: -125px; background-color: #DFF8D3; color: #000; text-align: center; border-radius: 2px; padding: 16px; position: fixed; z-index: 801; left: 83%; bottom: 90px; font-size: 17px; min-height: 50px; border: 1px solid #40871D; }

    #toastMessage.show { visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s; }

@-webkit-keyframes fadein {
    from { bottom: 0; opacity: 0; }
    to { bottom: 90px; opacity: 1; }
}

@keyframes fadein {
    from { bottom: 0; opacity: 0; }
    to { bottom: 90px; opacity: 1; }
}

@-webkit-keyframes fadeout {
    from { bottom: 30px; opacity: 1; }
    to { bottom: 0; opacity: 0; }
}

@keyframes fadeout {
    from { bottom: 30px; opacity: 1; }
    to { bottom: 0; opacity: 0; }
}














/**/