<script>
    $('#id_pro').select2({
            placeholder: "Selecciona una opción",
             width: '100%',
            containerCssClass: 'dropdown-estilo',
            dropdownCssClass: 'contenedor-estilo',
            allowClear: false // Para habilitar un botón de limpiar
    });
    
</script>
<style>
    .dropdown-estilo {
        display: block;
        width: 100%;
        height: calc(2.25rem + 2px);
        padding: .375rem .75rem;
        font-size: 1rem;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

    .contenedor-estilo {
        width: 100%;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
    }

    .select2-container.form-control {
        
        border: 1px solid #ced4da;
        border-radius: .25rem;
        
    }


    .select2-container.form-control {
        padding: 0;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        height: calc(2.25rem + 2px);
    }

    .select2-container--default .select2-selection--single {
        height: calc(2.25rem + 2px);
        line-height: calc(2.25rem + 2px);
    }

</style>
<div id="formcontrar" class="col-md-12" style="display: none;margin-top: 10px;width: 98%;">
    <div class="row" >
        <div class="col-sm">
            <h4>Contrarecibo</h4>
        </div>
       
        <p>
            Para poder realizar contra recibo es necesario que la OC cuente con la <strong>factura, XML y archivo evidencia</strong>
            
        </p> 
    </div>
   
        <form id="proveedor" style="margin-left:15px ;">

                <div class="row">
                    <input type="hidden" id="idUsuario" name="idUsuario" value="<?php echo $_SESSION['idUsuario'] ?>">
                    <input type="hidden" id="userrol" name="userrol" value="<?php echo $_SESSION['userrol'] ?>">
                    <div class="form-group col-lg-3 col-md-6 col-md-12">
                        <p><label class="mb-2 tag">Proveedores</label>
                            <select required class="form-control" name="id_pro" id="id_pro" onchange="traefacturas()" >
                                <option value=""></option>
                                    <?php foreach ($objJasonproveedores as $prorfc) { ?>
                                        <option value="<?php echo $prorfc->iduser ?>" ><?php echo htmlentities($prorfc->nombre) ?></option>
                                    <?php } ?>
                            </select></p>
                    </div>
                </div>
        </form>

        <div id="facturas"></div>
        <div class="row" style="margin-left:5px ;">
            <div class="form-group col-lg-6 col-md-6 col-md-12">
                <button id="sign_in" class="btn btn-success" onclick="crear_contrar()">Crear </button>
                                        
                <button  class="btn btn-danger" onclick="cerrar_cap('traeprovee','<?php echo $idusuario ?>','<?php echo $userrol?>')">Cancelar </button>
                
            </div>
        </div>
                                
    

</div>

