/* General toast background color */
#toast-container > div {
    background-color: #333; /* Dark grey background */
    color: #fff; /* White text color */
}

/* Specific toast types */
#toast-container > .toast-success {
    background-color: #5cb85c; /* Green for success */
}

#toast-container > .toast-error {
    background-color: #d9534f; /* Red for error */
}

#toast-container > .toast-info {
    background-color: #5bc0de; /* Blue for info */
}

#toast-container > .toast-warning {
    background-color: #f0ad4e; /* Orange for warning */
}

/* Close button color */
.toast-close-button {
    color: #fff; /* White close button */
}

/* Hover state for close button */
.toast-close-button:hover {
    color: #ccc; /* Lighter color on hover */
}

/* Title and message text color (if different from general toast color) */
.toast-title {
    color: #fff;
}

.toast-message {
    color: #fff;
}
/* Update loader */
.update-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.7);
    text-align: center;
    padding-top: 20px;
}

/* Добавьте в ваш app.css или отдельный файл стилей ModalExample */
.modal.show {
    display: block;
    animation: fadeIn 0.3s;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Иконки для типов сообщений */
.text-success::before {
    content: "✓ ";
}

.text-danger::before {
    content: "✗ ";
}

.text-warning::before {
    content: "⚠ ";
}

.text-info::before {
    content: "ℹ ";
}