.ven_grid{
    display: grid;
    grid-template-columns: 70% 30%;
}



.ven_btn_buscar{
    display: grid;
    grid-template-columns: 90% 10%;
}

.ven_btn_buscar input{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ven_btn_buscar button{
    border: 0px;
    background-color: var(--naranja);
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ven_btn_iconos{
    display: grid;
    grid-template-columns: 20% 80%;
}
.ven_btn_iconos button{
    border: 0px;
    background-color: var(--naranja);
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-weight: 600;
    font-size: 12px;
    
}

.ven_btn_iconos input{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.ven_btn_span{
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.ven_btn_span a{
    background-color: #E9ECEF;
    padding: 5px 7px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    color: var(--gris);
    font-weight: 600;
}

.btn_agregar {
    border:0px;
    background-color: var(--azul);
    color:var(--blanco);
    padding: 6px 8px;
    border-radius: 5px;
}

.btn_agregar:hover{
    background-color: var(--azul-claro);
}
.ven_cuadro{
    align-items: center;
}
.ven_cuadro input{
    text-align: center;
}

.ven_cuadro input,p,span{
    margin: 2px 0px;
    /* font-size: 14px;
    font-weight: 600; */
}

.btn_grabar{
    background-color: #4C5AEB;
    padding: 10px 18px;
    border:0px;
    border-radius: 5px;
    color: var(--blanco);
    font-size: 20px;
    font-weight: 500;
}

.btn_grabar:hover{
    background-color: #3BAFDA;
}


@media (max-width:991px) and (min-width:768px){
    .ven_grid{
        grid-template-columns: 100%;
    }
}

@media (max-width:767px) and (min-width:540px){
    .ven_grid{
        grid-template-columns: 100%;
    }
}

@media (max-width:539px){
    .ven_grid{
        grid-template-columns: 100%;
    }
}