.navbar{display:flex;flex-direction:row;align-items:center;width:100%;background-color:#0080fe;color:#fff;font-family:Open Sans,Futura,Arial,sans-serif;font-size:2em}.nav-imagen{height:3rem;margin:0 10px 0 5px}input[type=text]{border:none;background-color:transparent;text-align:center}.custom-dropdown{position:relative;display:inline-block}.custom-btn{background-color:#f8f9fa;border:1px solid #ced4da;cursor:pointer;font-size:1em;width:30px;height:30px}.td-precedente{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.prec-cont{display:flex;flex-direction:row;align-items:center;border:1px solid grey}.prec-cont button{cursor:pointer;border:none;background-color:transparent;color:whit}.custom-dropdown-content{overflow-y:visible;display:block;position:absolute;background-color:#f9f9f9;border:1px solid #ced4da;box-shadow:0 8px 16px #0003;z-index:10}.custom-dropdown-content a{color:#333;padding:12px 16px;text-decoration:none;display:block;cursor:pointer}.custom-dropdown-content a:hover{background-color:#f1f1f1}.tabla-container th{background-color:#a5a5a5;padding:4px;text-align:center;white-space:normal;word-wrap:break-word}.tabla-container{max-width:100vw;overflow-x:auto}.main-container{display:flex;flex-direction:column}.tabla-container td{padding:4px;text-align:center;white-space:normal;word-wrap:break-word}.btn-container{display:flex;flex-direction:row}.btn-agregar{background-color:green;color:#fff;font-size:1.8em;width:40px;height:40px;border-radius:20%;border-style:none;margin:0 5px;cursor:pointer}.btn-quitar{background-color:#d62828;color:#fff;font-size:1.8em;width:40px;height:40px;border-radius:20%;border-style:none;margin:0 5px;cursor:pointer}.btn-calcular{background-color:#003459;color:#fff;font-size:1.8em;height:40px;border-radius:20px 10px;border-style:none;margin-left:auto;cursor:pointer}.container{display:flex;flex-direction:column;font-family:Open Sans,Futura,Arial,sans-serif;max-width:1000px}.contenedor-boton{display:flex;flex-direction:row;justify-content:flex-start}.div-calcular{margin-left:auto;margin-right:5px}tr:nth-child(2n){background-color:#e6e6e6}tr:nth-child(odd){background-color:#fff}@media (max-width: 768px){.tabla-head{font-size:12px}th,td{font-size:14px}}.tabla-sem-container{text-align:center}body,html{margin:0;padding:0}body{font-family:Open Sans,Futura,Arial,sans-serif;font-size:16px}#root{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){body{font-size:18px}}@media (min-width: 1024px){body{font-size:20px}}