body, td, th, input {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10pt;
}

input {
    border: 2px solid black; /* Forma más consistente de definir el borde */
}

input:focus {
    background-color: #caebf6;
}

input.unitario.menor { background-color: yellow }

tbody.precios td,
tbody.precios th,
tbody.precios input {
    text-align: right;
}

div#formProductos th {
    text-align: left;
}

th {
    font-size: 10pt;
	vertical-align: top;
}

input.numero {
    width: 100%;
}

input.texto {
    width: 300px;
    font-size: 10pt;
    text-align: left;
}

div#formProductos input.texto {
    width: 240px;
    padding: 4px;
}

th.error,
td.error {
    color: red;
}

th.ayuda {
    color: green;
    text-align: left;
    height: 3rem;
}

p.texto {
    line-height: 25pt;
}

div.calculador,
div#formProductos {
    border: medium solid #1a8389;
    margin-bottom: 4px;
    padding: 0.5rem;
}

div#formProductos {
    margin-top: 12px;
}

div.calculador p {
    text-align: left;
}

div.calculador p.cr {
    text-align: center;
}

table {
    width: 100%;
}

.como_entrar {
    color: darkgreen;
    font-size: 10pt;
}

div.botones_normales i.fa-solid { font-size: 20pt; cursor: pointer; }
i.fa-solid { font-size: 14pt; cursor: pointer; }
i.fa-circle-xmark { color: red; } /* eliminar */
i.fa-cloud-arrow-up { color: #00b6ff; } /* guardar */
i.fa-plus { color: green; } /* agregar */
i.fa-share-nodes { color: #00b6ff; } /* compartir */
i.fa-calculator { color: darkgreen; } 
i.fa-trash-can-arrow-up { color: red; } /* borrar */

div.ingresar img.submit { height: 100px; }.help {
    display: none;
}

div.botones_principales {
	margin-top: 10px;
}

button.grande {
    font-size: 18pt;
    font-weight: bold;
    width: 14em;
}

button.medio {
    font-size: 16pt;
    font-weight: bold;
    width: 7em;
	color: darkolivegreen;
}

input.precio, div.load_price input.presentacion {
    width: 62px;
}

input.percentage {
    border: none;
    font-family: Arial;
}

div.load_price input.precio {
    width: 100px;
}

div.load_price input.product {
    width: 80%;
}

div.load_price {
    border: medium solid #3b81f5;
    padding: 0px 0px 10px 14px;
}

div.load_price th {
    text-align: left;
}

div#listoWrapper {
    height: 30px;
    text-align: center;
    width: 100%;
}

div#listoWrapper.oculto {
    visibility: hidden;
}

div#listo {
    background-color: black;
    font-weight: bold;
    border-radius: 10px;
    color: yellow;
    text-align: center;
    width: 100px;
    padding: 6px;
    padding-top: 4px;
}

a {
    text-decoration: none;
}

div.ubicacion {
    margin-top: 20px;
    text-align: center;
    color: #4941a7;
}

div.ajaxResult b {
	cursor: pointer;
}

div.details {
    background-color: yellow;
    padding: 6px;
    display: none;
    width: 250px;
    border-radius: 8px;
    border: 1px solid maroon;
}

span.description.selected {
    font-weight: bold;
}

div.share div.datos p {
    line-height: 1.5rem;
}

div.sharePresent {
	padding: 0.5rem 1.5rem 0.5rem 1.5rem;
	margin: 1rem;
	background-color: #dcf5e9;
	color: darkgreen;
	font-size: 1.2rem;
	border: solid thin darkblue;
}

div.calculador p.go_init { text-align: right; margin-top: 10px; }

textarea.analizar {
    width: 90%;
    height: 84px;
}