/* Blank */
.wpd_main_comm_form div .ql-blank
.ql-blank:before {
content: "changed";
}

/* UNIVERSAL WPDATATABLES EDIT MODAL CSS */

/* Match ANY modal container wpDataTables uses */
.wdt-modal,
.wdt-edit-dialog,
div[class*="wdt"] .modal,
div[class*="wdt"] .wdt-modal,
div[class*="wpdt"] .modal {
    z-index: 999999 !important;
}

/* Modal background */
.wdt-modal .modal-content,
.wdt-edit-dialog .modal-content,
div[class*="wdt"] .modal-content {
    background-color: #f7f7f7 !important;
}

/* Inputs */
.wdt-modal input,
.wdt-edit-dialog input,
div[class*="wdt"] input,
.wdt-modal select,
.wdt-edit-dialog select,
div[class*="wdt"] select,
.wdt-modal textarea,
.wdt-edit-dialog textarea,
div[class*="wdt"] textarea {
    border: 1px solid #cccccc !important;
    padding: 8px !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
}

/* Inputs focus */
.wdt-modal input:focus,
.wdt-edit-dialog input:focus,
div[class*="wdt"] input:focus,
.wdt-modal select:focus,
.wdt-edit-dialog select:focus,
div[class*="wdt"] select:focus,
.wdt-modal textarea:focus,
.wdt-edit-dialog textarea:focus,
div[class*="wdt"] textarea:focus {
    border-color: #1976d2 !important;
    box-shadow: 0 0 4px rgba(25, 118, 210, 0.4) !important;
}

/* Labels */
.wdt-modal label,
.wdt-edit-dialog label,
div[class*="wdt"] label {
    font-weight: 600 !important;
    color: #1976d2 !important;
}

/* Save button */
.wdt-modal .modal-footer .btn.wdt-apply,
.wdt-edit-dialog .modal-footer .btn.wdt-apply,
div[class*="wdt"] .modal-footer .btn.wdt-apply {
    background-color: #1976d2 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

/* Cancel button */
.wdt-modal .modal-footer .btn.wdt-cancel,
.wdt-edit-dialog .modal-footer .btn.wdt-cancel,
div[class*="wdt"] .modal-footer .btn.wdt-cancel {
    background-color: #777 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

/* Wider modal */
.wdt-modal .modal-dialog,
.wdt-edit-dialog .modal-dialog,
div[class*="wdt"] .modal-dialog {
    max-width: 700px !important;
}

/* Field spacing */
.wdt-modal .form-group,
.wdt-edit-dialog .form-group,
div[class*="wdt"] .form-group {
    margin-bottom: 16px !important;
}

/* MAKE WPDATATABLES EDIT MODAL WIDER */
.wdt-modal .modal-dialog,
.wdt-edit-dialog .modal-dialog,
div[class*="wdt"] .modal-dialog,
div[class*="wpdt"] .modal-dialog {
    max-width: 900px !important;   /* increase width */
    width: 90% !important;         /* responsive scaling */
}

/* Optional: widen the inner form container */
.wdt-modal .modal-content,
.wdt-edit-dialog .modal-content,
div[class*="wdt"] .modal-content,
div[class*="wpdt"] .modal-content {
    padding: 25px !important;       /* add breathing room */
}

/* UNIVERSAL FIX — FORCE WPDATATABLES MODAL LABEL COLOR EVEN IF NOT <label> TAG */

/* Target any left‑column label cell in form-style tables */
.wdt-modal .form-group > div:first-child,
.wdt-edit-dialog .form-group > div:first-child,
div[class*="wdt"] .form-group > div:first-child {
    color: #1976d2 !important;
    font-weight: 600 !important;
}

/* Target table-based form layouts (common in wpDataTables edit dialogs) */
.wdt-modal table td:first-child,
.wdt-edit-dialog table td:first-child,
div[class*="wdt"] table td:first-child {
    color: #1976d2 !important;
    font-weight: 600 !important;
}

/* Target labels rendered in <th> instead of <td> */
.wdt-modal table th,
.wdt-edit-dialog table th,
div[class*="wdt"] table th {
    color: #1976d2 !important;
    font-weight: 600 !important;
}

/* Target labels wrapped in <div> spans (Material & Simple skins) */
.wdt-modal .wdt-form-label,
.wdt-edit-dialog .wdt-form-label,
div[class*="wdt"] .wdt-form-label {
    color: #1976d2 !important;
    font-weight: 600 !important;
}

.wdt-modal *,
.wdt-edit-modal *,
.wdt-modal *::before,
.wdt-edit-modal *::before {
    color: #1976d2 !important;
}