body {
    height: 100%;
    zoom: 80%;
    display: flex;
    background-image: url("../img/negocios.jpg");
}

#cuerpo {
    background-image: url("../img/fondoescritorio.svg");
    background-size: cover;
    background-position: right bottom;
}

#cliente input {
    height: 4%;
}

#vendedor input {
    height: 4%;
}

#buscar input {
    height: 5%;
}

.valoress {
    width: 8%;
}

.codebus {
    width: 12%;
}

#campoAgregarPr {
    display: flex;
    justify-content: flex-end;
    margin-right: 5%;
}

#Tprecio {
    font-size: 20px;
}

.val {
    height: 100%;
    margin-left: 2%;
}

#container {
    align-items: center;
    width: 14%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1%;
    margin-right: 1%;
    height: 98%;
}

#ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 98%;
}

#ul button {
    height: 17%;
    margin: 0%;
}

#factura {
    margin-top: 0.8%;
    height: 98%;
    border: none;
    background: rgb(255, 255, 255);
}

#factura h3 {
    text-align: center;
}

.my-custom-scrollbar {
    position: relative;
    height: 40%;
    overflow: auto;
}

.table-wrapper-scroll-y {
    display: block;
}

#productos {
    width: 80%;
    height: 80%;
    margin: 0%;
}

#busss {
    display: flex;
}

#items {
    height: 70%;
}

#table {
    height: 50%;
}

#tablep {
    height: 95%;
}

body {
    background: #fafbfd;
}

#total {
    justify-content: flex-start;
    display: flex;
    background: rgb(211, 211, 211);
    height: 10%;
    border-radius: 0px 0px 20px 20px;
}

#totales {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 90%;
    width: 30%;
    background: dodgerblue;
}

#base {
    display: flex;
}

.sub {
    width: 50%;
    margin: 1px;
    display: flex;
    align-items: center;
    font-size: medium;
}

.sub input {
    width: 50%;
    height: 80%;
    flex-direction: column;
}

#totales h2 {
    text-align: center;
}

#totalfact {
    height: 80%;
    width: 40%;
    font-size: 30px;
    background: rgb(255, 255, 255);
}

#facturar {
    height: 80%;
    width: 30%;
    background-color: rgb(0, 168, 65);
    border-radius: 10px 10px 10px 10px;
    font-size: 28px;
    text-align: center;
    color: azure;
}


/*estilos ventana inventario*/

#productosinventario {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    height: 90%;
    width: 80%;
}

#tableinvnet {
    height: 90%;
}


/*modal inventario */

#productosinventa {
    width: 70%;
    height: 76%;
}

#modalinventa {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.datosprod {
    margin: 1px;
}


/*estilos ventana crear producto*/

#crearproducto {
    flex-direction: column;
    border: white 8px groove;
    margin-top: 2%;
    height: 70%;
    width: 80%;
}


/*estilos para  entrada a productos*/

#entrada {
    width: 83%;
    height: 90%;
}

.puntos {
    height: 50%;
    background-image: url("../img/buscar.svg");
    border: none;
    background-color: transparent;
    width: 68px;
    height: 35px;
}

.alinear {
    align-self: flex-end;
}

.costoss {
    width: 8%;
}

#buscarpro {
    width: 90%;
}

#agregarproduc {
    height: 40px;
    width: 7%;
}

#entradaproducto {
    display: flex;
}

#produstosenrada {
    display: flex;
}

#tablaentrada {
    height: 50%;
}


/* ventana modal buscar provedor    */

#provedorm {
    height: 60%;
    width: 80%;
}

#ffactura {
    height: 90%;
}

#fpagos {
    flex-direction: column;
    height: 85%;
}

#forfpagos {
    display: flex;
    flex-wrap: wrap;
    height: 90%;
}

#comentarios {
    height: 30%;
}

#modalcarga {
    width: 37%;
    height: 10%;
}

#entradaproducto {
    display: flex;
}

#entradaproducto label {
    margin-top: 2px;
}

.campototalcuadro {
    width: 12%;
    height: 12%;
    border-radius: 2px 2px 2px 2px;
    flex-direction: column;
}

.totaltexto {
    color: rgb(0, 0, 0);
    font-size: 200%;
}

.totaltextogrande {
    color: rgb(0, 0, 0);
    padding: 8px 8px 8px 8px;
}

.cuadrobases {
    background: rgb(255, 255, 255);
    border-radius: 10px 10px 10px 10px;
    font-size: 120%;
    text-align: center;
    width: 45px;
}

.estilostabla {
    background-color: rgb(243, 237, 237);
    border: 1px solid #DADCE0;
    border-radius: 0px 0px 20px 20px;
}

.cabeceratabla {
    background: rgb(37, 36, 105);
    color: white;
    width: 100%;
}

#tabaldevolucion {
    width: 100%;
    height: 100%;
}

#tabadprodu {
    height: 50%;
}

.totalstyle {
    top: 20px;
    justify-content: flex-start;
    display: flex;
    background: rgb(211, 211, 211);
    height: 10%;
    border-radius: 0px 0px 20px 20px;
}

.biggreen {
    height: 90%;
    width: 30%;
    background-color: rgb(0, 168, 65);
    border-radius: 10px 10px 10px 10px;
    font-size: 28px;
    text-align: center;
    color: azure;
}


/* estilos comisiones */

.comission {
    color: #0537E1;
}

#temperatura {
    height: 100%;
    width: 100%;
    opacity: 0.8;
}

#contmodal {
    height: 100%;
}

#modaltempe {
    height: 70%;
    border: solid 2px black;
    background: cadetblue;
    border-radius: 15px;
}

#tfactur {
    font-size: 200%;
    color: #0537E1;
}

#factelec {
    display: flex;
    justify-content: flex-end;
    margin-top: 1%;
}

#electro {
    margin-right: 10%;
    background: yellowgreen;
}


/* estilos COTIZACIONES */

#cotizacion {
    height: 30%;
}

#numeroCotizacion {
    margin-right: 2%;
}

#guardarCotizacion {
    margin-right: 2%;
    background-color: lightseagreen;
}