.notification-toast {
    z-index: 2000;
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;

    transform: translateX(100%);
    opacity: 0;

    transition:
        opacity 500ms,
        transform 500ms;
}

.notification-toast.with-header {
    top: 70px;
}

.notification-toast.visible {
    transform: translateX(0);
    opacity: 1;
}

.toast-body {
    transform: translateX(0);
    opacity: 1;
    margin: 28px;
    padding: 20px 24px;

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

    /* background-color: lightskyblue;
    color: darkblue; */

    border-radius: 4px;
}