.toaster {
    position: fixed;
    top: 2em;
    right: 2em;
    background: $brand-primary;
    border: 1px solid darken($brand-primary, 20);
    padding: 1em;
    font-weight: bold;
    border-radius: 3px;

    z-index: 2000;
}

.toaster-info {
    background: $brand-info;
    border: 1px solid darken($brand-info, 20);
}
.toaster-success {
    background: $brand-success;
    border: 1px solid darken($brand-success, 20);
}
.toaster-warning {
    background: $brand-warning;
    border: 1px solid darken($brand-warning, 20);
}
.toaster-danger {
    background: $brand-danger;
    border: 1px solid darken($brand-danger, 20);
}