<div id="modalmtn" class="modal fade bd-example-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg"> <!-- Agregado modal-lg para ampliar el tamaño del modal -->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <!-- Corregido close button -->
                    <span aria-hidden="true">&times;</span> <!-- Usando el símbolo de cierre estándar -->
                </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="estado_form">
                <div class="modal-body">
                    <input type="hidden" id="Ccod_estID" name="Ccod_estID">

                    <div class="form-group row">
                        <label for="Ccod_est" class="col-sm-2 col-form-label">Código</label> <!-- Añadido atributo 'for' para la accesibilidad -->
                        <div class="col-sm-10">
                            <input type="text" class="form-control maxlength-custom-message" id="Ccod_est" name="Ccod_est" placeholder="Ingresa el código del estado" maxlength="4" required>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="Edescrip" class="col-sm-2 col-form-label">Descripción del estado</label> <!-- Añadido atributo 'for' -->
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="Edescrip" name="Edescrip" placeholder="Ingresa la descripción del estado" required>
                        </div>
                    </div>
                
                    <div class="form-group row">
                        <label for="check-toggle-2" class="col-sm-2 col-form-label">Condición</label> <!-- Añadido atributo 'for' -->
                        <div class="col-sm-10">
                            <div class="checkbox-toggle">
                                <input type="checkbox" id="check-toggle-2" name="Est_esta" 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>
