/* Override Bootstrap .toast styles so toastr colors show correctly */
#toast-container.toast-top-right > div,
#toast-container.toast-top-left > div,
#toast-container.toast-bottom-right > div,
#toast-container.toast-bottom-left > div,
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
    opacity: 0.95 !important;
    color: #fff !important;
    border: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.18) !important;
}

#toast-container .toast-title {
    color: #fff !important;
    font-weight: 700;
}

#toast-container .toast-message {
    color: #fff !important;
}

#toast-container .toast-message a,
#toast-container .toast-message label {
    color: #fff !important;
}

#toast-container .toast-close-button {
    color: #fff !important;
    text-shadow: none !important;
    opacity: 0.85 !important;
}

#toast-container .toast-close-button:hover,
#toast-container .toast-close-button:focus {
    color: #fff !important;
    opacity: 1 !important;
}

#toast-container > div.toast.toast-error {
    background-color: #ed4d37 !important;
}

#toast-container > div.toast.toast-warning {
    background-color: #f89406 !important;
}

#toast-container > div.toast.toast-success {
    background-color: #51a351 !important;
}

#toast-container > div.toast.toast-info {
    background-color: #2f96b4 !important;
}

#toast-container > div.toast:not(.toast-error):not(.toast-warning):not(.toast-success):not(.toast-info) {
    background-color: #333 !important;
}

#toast-container > div.toast.toast-error .toast-progress,
#toast-container > div.toast.toast-warning .toast-progress {
    background-color: rgba(255, 255, 255, 0.45) !important;
}

#toast-container > div.toast.toast-success .toast-progress {
    background-color: rgba(255, 255, 255, 0.4) !important;
}

#toast-container > div.toast.toast-info .toast-progress {
    background-color: rgba(255, 255, 255, 0.4) !important;
}