.toast {
    position: fixed;
    font-size: 16px;
}

@media only screen and (max-width: 575.98px) {
    .toast {
        max-width: 100% !important;
        width: 100%;
        top: 0px;
        right: 0px;
    }
}

@media (min-width: 576px) {
    .toast {
        top: 4px;
        right: 12px;
    }
}

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

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

.btn-close-container {
    margin-top: 12px;
}