.toast-success {
    background-color: var(--color-orange) !important;
}

#toast-container > .toast {
    background-image: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    border-radius: 8px !important;
    opacity: 1 !important;
}#toast-container > .toast:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
}

.toast-message {
    font-size: 14px;
    padding: 0 10px;
    color: white;
}.toast-close-button {
    color: white;
    opacity: 0.7;
    text-shadow: none;
}

.toast-close-button:hover {
    color: white;
    opacity: 1;
}
.toast-progress {
    background-color: rgba(255,255,255,0.3);
    height: 4px;
    opacity: 1;
}