.toast {
    position: fixed;
    top: 4px;
    right: 12px;
    font-size: 16px;
}

@media (max-width: 575.98px) {
    .toast {
        max-width: 100% !important;
        width: 100%;
    }
}

.notification-success {
    color: #0F5132;
    background-color: #D1E7DD;
    border-color: #BADBCC;
}

.notification-danger {
    color: #842029;
    background-color: #F8D7DA;
    border-color: #F5C2C7;
}