<div id="modalmtnmat" class="modal fade bd-example-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg"> <!-- Usar correctamente la clase modal-lg para ampliar el modal -->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <!-- Corrección del botón de cierre -->
                    <span aria-hidden="true">&times;</span> <!-- Usando símbolo estándar de cierre -->
                </button>
                <h4 class="modal-title" id="mdltitulo">Título del Modal</h4> <!-- Asegúrate de agregar un título dinámico si es necesario -->
            </div>
            <form method="post" id="material_form">
                <div class="modal-body">
                    <input type="hidden" id="Ccod_matID" name="Ccod_matID">

                    <div class="form-group row">
                        <label for="Ccod_mat" class="col-sm-3 col-form-label">Código de material</label> <!-- Añadido atributo 'for' para accesibilidad -->
                        <div class="col-sm-9">
                            <input type="text" class="form-control maxlength-custom-message" id="Ccod_mat" name="Ccod_mat" placeholder="Ingresa el código del material" maxlength="18" required>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="Cdescrip" class="col-sm-3 col-form-label">Descripción del material</label> <!-- Añadido atributo 'for' -->
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="Cdescrip" name="Cdescrip" placeholder="Ingresa la descripción del material" required>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="check-toggle-2" class="col-sm-3 col-form-label">Estado</label> <!-- Añadido atributo 'for' -->
                        <div class="col-sm-9">
                            <div class="checkbox-toggle">
                                <input type="checkbox" id="check-toggle-2" name="Cest_mat" value="1" checked>
                                <label for="check-toggle-2">Inactivo/Activo</label> <!-- Etiqueta corregida -->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-rounded btn-inline btn-success">Guardar</button>
                    <button type="button" class="btn btn-rounded btn-inline btn-danger" data-dismiss="modal">Cancelar</button>
                </div>
            </form>
        </div>
    </div>
</div>
