.bootstrap-dialog.type-primary .modal-header {
    background-color: #428bca;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
}

.bootstrap-dialog .modal-header .bootstrap-dialog-title {
    color: white;
    font-weight: 500;
    font-size: 1.25rem;
}

.bootstrap-dialog .modal-content {
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.bootstrap-dialog .modal-body {
    padding: 24px;
}

.bootstrap-dialog .alert-success {
    background-color: #E8F5E9;
    border-color: #C8E6C9;
    color: #2E7D32;
    border-radius: 6px;
    padding: 16px;
    margin-bottom: 20px;
}

.bootstrap-dialog .modal-body span {
    display: block;
    margin-top: 16px;
    color: #666;
    font-size: 1rem;
}

.bootstrap-dialog .modal-footer {
    border-top: 1px solid #E0E0E0;
    padding: 16px 24px;
}

.bootstrap-dialog .btn {
    padding: 8px 16px;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.bootstrap-dialog .btn-success {
    background-color: #2196F3;
    border-color: #1E88E5;
}

.bootstrap-dialog .btn-success:hover {
    background-color: #1976D2;
    border-color: #1565C0;
    transform: translateY(-1px);
}

.bootstrap-dialog .btn-default {
    background-color: #F5F5F5;
    border-color: #E0E0E0;
    color: #424242;
}

.bootstrap-dialog .btn-default:hover {
    background-color: #EEEEEE;
    border-color: #BDBDBD;
}

/* Animation for success message */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.bootstrap-dialog .alert {
    animation: slideDown 0.3s ease-out forwards;
}