body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{text-align:center;color:#fff;background-color:#333;height:840px;width:101%;display:flex;flex-direction:column}header{background-color:#444;width:97.9%;padding:1rem}nav ul{list-style-type:none;margin:0;padding:0;display:flex;justify-content:space-around}nav a{text-decoration:none;color:#fff}.contenido{padding-top:2rem;float:left}button,select,input{margin:1rem;padding:.5rem}.texto_peso{width:80%;height:15%;float:center;margin-top:5%}.divPesoInventario{width:20%;background-color:#333;height:100%;float:left;margin-left:8%}.dropdownInventario,.dropdownInventario2,.dropdownVenta{width:20%;background-color:#333;float:left;margin-left:10%}.botonInventario{width:10%;height:auto;font-family:monospace;cursor:pointer;margin-left:45%}.botonInventarioBorrar{width:10%;height:auto;font-family:monospace;cursor:pointer;float:right;margin-top:3%;margin-left:85%;background-color:red;border-color:red;color:#fff}.logoInv{width:20%;margin-left:40%}.fondoVenta{background-color:#333;width:100%;height:180vh;margin:0;padding:0}.Venta{background-color:#444;width:90%;margin-left:5%;margin-top:2%;float:left;border-radius:5%;height:95%}.productos{background-color:#333;width:47%;margin-left:2%;height:65%;float:left;border-radius:2%;overflow-y:scroll}.productosDer{background-color:#333;width:47%;margin-right:2%;height:65%;float:right;border-radius:2%}.TotalDer{background-color:#333;width:66.6%;height:98%;float:left;border:1px solid #3f3f3f;border-radius:3%}.fotoVenta{width:15%;margin-left:5%}.espacioFotoVenta{width:90%;height:22%;margin-top:1%;margin-left:5%;background-color:#444}.espacioCliente{width:18%;float:right;margin-top:2%;margin-right:1.8%;margin-left:0%;background-color:#444}.empezarVenta{width:25%;float:left;margin-top:1.9%;margin-left:10%;background-color:#444}.botonEmpezarVenta{width:90%;margin:5%}.espacioAbajoVenta{background-color:#444;margin-left:5%;width:90%;height:28%}.precioProducto{margin-top:.8%;float:left;margin-left:4%}.PrecioTotal{height:98%;background-color:#333;width:12%;border:1px solid #3f3f3f;border-radius:3%;float:left}.productoVenta{margin:2% 1%;background-color:#333;height:10%}.Producto{height:98%;float:left;background-color:#333;width:70%;border:1px solid #3f3f3f;border-radius:3%}.ProductoDer{height:98%;float:left;background-color:#333;width:31%;border:1px solid #3f3f3f;border-radius:3%}.ProductoHeader{height:98%;float:left;background-color:#333;width:70%;border:1px solid #3f3f3f;border-radius:3%}.Peso{height:98%;float:left;background-color:#333;width:15%;border:1px solid #3f3f3f;border-radius:3%}.PesoDer,.PrecioDer,.SubtotalDer{height:98%;float:left;background-color:#333;width:17.5%;border:1px solid #3f3f3f;border-radius:3%}.PesoHeader{height:98%;float:left;background-color:#333;width:15%;border:1px solid #3f3f3f;border-radius:3%}.botonBorrarProducto,.botonBorrarProductoDer{height:100%;float:right;background-color:#333;width:14%;margin:0;border:none;color:#fff}.barraHorizontalInventario{background-color:#333}.espacioEscaner{width:90%;float:right;margin-top:5%;margin-left:20%}.botonAgregarCheckout{float:left;margin-left:10%;margin-top:.8%}.botonFinalizarVenta{float:right;margin-right:8%;margin-top:2.25%}.espacioBotonesVenta{margin-top:400px;display:flex;justify-content:space-between;align-items:center;margin-left:600px;width:50%}.botonesTipoPago{display:flex;align-items:center;margin-left:20%;width:30%;float:left;margin-top:-3%;margin-bottom:2%}.botonesTipoPago2{align-items:center;float:right;width:30%;margin-right:15.4%;margin-top:-2.5%;border-top:white 1px solid;padding-top:-3%}.espacioAgregarCliente{width:27%;height:auto;padding:1%;background-color:#444;border:1px solid black;border-radius:3%;margin:1% 0% 3% 3%;float:left}.espacioEliminarVenta{width:27%;height:auto;padding:1%;background-color:#444;border:1px solid black;border-radius:3%;margin:1% 3% 3% 35%}.espacioAgregarProducto{width:27%;height:auto;padding:1%;background-color:#444;border:1px solid black;border-radius:3%;margin:1% 0% 3% 3%;float:left}.espacioAgregarProveedor{width:27%;height:auto;padding:1%;background-color:#444;border:1px solid black;border-radius:3%;margin:1% 3% 3%;float:left}.inputNuevoCliente{width:90%}.logoPag3{width:10%;margin-top:1%}.fondoPag3{height:auto;background-color:#333}body{background-color:#333;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dropdown{position:relative;color:#333;cursor:default;width:90%;float:left;height:10%;margin-left:0;padding-top:0}.dropdown .arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:" ";display:block;height:0;margin-top:20px;position:absolute;right:10px;top:14px;width:0}.dropdown .arrow.open{border-color:transparent transparent #999;border-width:5px 5px 5px;border-top:40px}.dropdown .selected-value input{line-height:1.5;font-size:1rem;background-color:#fff;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;cursor:default;outline:none;padding:8px 52px 8px 10px;transition:all .2s ease;width:100%}.dropdown .options{display:none;background-color:#fff;border:1px solid #ccc;box-shadow:0 1px #0000000f;box-sizing:border-box;margin-top:-1px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000;-webkit-overflow-scrolling:touch}.dropdown .options.open{display:block;width:90%;float:left;margin-top:5%;margin-left:10%}.dropdown .option{box-sizing:border-box;color:#333c;cursor:pointer;display:block;padding:8px 10px}.dropdown .option.selected,.dropdown .option:hover{background-color:#f2f9fc;color:#333}