.toast {
    position: fixed;
    top: 0;
    right: 0;

    transform: translateY(100%);
    opacity: 0;
    margin: 10px;

    z-index: 1056;
    transition:
        opacity 500ms,
        transform 500ms;
}

.toast.visible {
    transform: translateY(0);
    opacity: 1;
}

.toast-body {
    /* margin: 28px; */
    /* padding: 20px 24px; */

    /* font-size: larger; */
    /* font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */

    background-color: black;
    color: white;
    opacity: 50%;
    border-radius: 4px;
}

.toast-body.green {
    background-color: green !important;
    opacity: 90%;
}

.toast.middle {
    top: 0% !important;
    font-size: 25px;
    text-align: center;
}


@media only screen and (max-width:1309px) {
    .toast.middle {
        top: 50% !important;
        font-size: 25px;
        text-align: center;
    }
}

.toast-body.green {
    background-color: green !important;
    opacity: 90%;
}