.vue-notification {
    padding: 10px;
    margin: 5px !important;
    position: relative;
    font-size: 12px;

    color: #ffffff;
    background: #44A4FC;
    border-left: 5px solid #187FE7;
    animation: slidefromright .5s forwards;
}

.vue-notification.warn {
    background: #ffb648;
    border-left-color: #f48a06;
}

.vue-notification.error {
    background: #E54D42;
    border-left-color: #B82E24;
}

.vue-notification.success {
    background: #68CD86;
    border-left-color: #42A85F;
}

@keyframes slidefromright {
    from{
        transform: translate(100%);
    }
    to{
        transform: translate(0);
    }
}