* {
    box-sizing: border-box;
    vertical-align: middle;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
}

header {
    background-color: #0B6FA4;
    color: white;
    padding-left: 25px;
    border-bottom: 1px solid black;
}

header ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

header ul li {
    display: inline-block;
    margin: 10px;
    margin-left: 25px;
}

header ul li a {
    color: white;
    text-decoration: none;
    font-size: 1.2em;
}

main {
    padding: 25px;
}


input,
textarea {
    padding: 4px;
    width: 100%;
    border: 1px solid #ececec;
}

input[type="radio"],
input[type="checkbox"] {
    width: auto;
}

select {
    padding: 4px;
    border: 1px solid #ececec;
    margin: 4px;
}

textarea {
    margin-top: 5px;
    margin-bottom: 5px;
}

select {
    padding: 4px;
}

button {
    background-color: #0B6FA4;
    color: white;
    font-size: 1.1em;
    margin: 5px;
    padding: 8px;
    border: 0px;
    border-radius: 3px;
}

._25 {
    width: 25%;
}

._50 {
    width: 50%;
}

._75 {
    width: 75%;
}

._100 {
    width: 100%;
}

.derecha {
    text-align: right;
}

.rojo {
    color: red;
}

h1.rojo {
    margin: 0px;
    text-align: center;
}

fieldset {
    padding: 20px;
    margin: 10px;
    margin-bottom: 20px;
    border: 1px solid rgb(110, 110, 110);
    border-radius: 5px;
    background-color: rgb(252, 252, 252);
}

legend,
legend a {
    background-color: rgb(66, 66, 66);
    color: white;
    padding: 6px;
    border: 0px;
    border-radius: 4px;
    min-width: 300px;
    text-decoration: none;
}

#configuracionfactura {
    display: grid;
    gap: 6px;
    grid-template-areas: "serie tipo tipo tipo"
        "impuesto impuesto regimen regimen"
        "nota nota nota nota";
    grid-template-columns: repeat(4, 1fr);
}

#infocliente {
    display: grid;
    gap: 6px;
    grid-template-areas: "nif nif nif nif IDType IDType IDType IDType  CodigoPais CodigoPais CodigoPais CodigoPais"
        "cliente cliente cliente cliente cliente cliente cliente cliente cliente cliente verificar verificar"
        "direccion direccion direccion direccion direccion direccion direccion direccion direccion direccion direccion direccion"
        "mail mail mail mail mail mail telefono telefono contacto contacto contacto contacto";


    grid-template-columns: repeat(12, 1fr);
}



#infoclientefactura>div {
    display: grid;
    gap: 6px;
    grid-template-areas: "palabra palabra palabra palabra palabra clientes clientes clientes clientes clientes clientes clientes"
        "cliente cliente cliente cliente cliente cliente nif nif nif nif nif nif"
        "direccion direccion direccion direccion direccion direccion direccion direccion direccion direccion direccion direccion"
        "mail mail mail mail mail mail telefono telefono contacto contacto contacto contacto";


    grid-template-columns: repeat(12, 1fr);
}


.filadesactivada {
    color: #e7e7e7;
}

table i {
    cursor: pointer;
}

table a {
    text-decoration: none;
    font-weight: bold;
    color: blue;
}

table.csstable {
    font-family: Arial, Helvetica, sans-serif;
    border: 0px solid #FFFFFF;
    width: 100%;
    text-align: right;
    border-collapse: collapse;
}

table.csstable td,
table.csstable th {
    padding: 4px 4px;
}

table.csstable tbody td {
    font-size: 13px;
}



table.csstable tr:nth-child(even) {
    background: #D0E4F5;
}

table.csstable thead {
    background: #0B6FA4;
}

table.csstable thead th {
    font-size: 17px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    border-left: 1px solid #FFFFFF;
}

table.csstable thead th:first-child {
    border-left: none;
}

table.csstable tfoot {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    background: #D0E4F5;
    border-top: 3px solid #444444;
}

table.csstable tfoot input {
    text-align: right;
}

table.csstable tfoot td {
    font-size: 14px;
}