/* Colors */

:root {
    --main-background: #e0f0ff;
    --main-color: #004080;

    --highlight-background: #006ad5;

    --border-color: #0060a0;

    --title-color-1: #017100;
    --title-color-2: #004D7F;
    --title-color-3: #99195E;
    --title-color-4: #F8BA00;
    --title-color-5: #B51700;
    --title-color-6: #017B76;
    --title-color-7: #595959;
    --title-color-8: #714a00;

    --dark-color-1: #D8F2CB;
    --dark-color-2: #C6E2FC;
    --dark-color-3: #BFB7E8;
    --dark-color-4: #FCF6CD;
    --dark-color-5: #F4D2E3;
    --dark-color-6: #D2F6F0;
    --dark-color-7: #E0E0E0;
    --dark-color-8: #F2E4CB;

    --light-color-1: #E5F2DF;
    --light-color-2: #E3F0FC;
    --light-color-3: #D5D1E8;
    --light-color-4: #FCFAE6;
    --light-color-5: #F5E4EC;
    --light-color-6: #E1F5F2;
    --light-color-7: #EDEDED;
    --light-color-8: #F2EBDF;
}


/**/

body {
    background: var(--main-background);
    color: var(--main-color);
    font-family: Helvetica;
    margin: 0px;
}

a {
    color: var(--border-color);
}

div {
    padding: 1em;
}

div.body {
    padding: 8px;
}


/* Navigation */

.topnav {
    background-color: #333;
    overflow: hidden;
    padding: 0px;
    border-bottom: solid 2px var(--main-color);
}

.topnav a, .topnav h1 {
    float: left;
    text-align: center;
    padding: 14px 16px;
    margin: 0px;
    text-decoration: none;
    font-size: 17px;
}

.topnav a {
    color: white;
    border-right:solid 1px var(--main-background);
}

.topnav h1 {
    color: black;
    background-color: white;
}

.topnav a:hover {
    background-color: var(--main-background);
    color: black;
}

.topnav a.active {
    background-color: var(--highlight-background);
    color: white;
}

/* Tables */

table {
    border-collapse: collapse;
    border: solid 1px var(--border-color);
    color: black;
}

tr, td, th {
    margin: 0px;
    text-align:left;
    vertical-align: text-top;
}

th.com {
    font-weight: bold;
}


/* Overview Table */

table.checkbox_table tr, table.checkbox_table td {
    padding: 4px 8px;
    border: solid var(--border-color);
    border-width:1px 0px 1px 0px;
}

table.checkbox_table a {
    color: var(--main-background);
}


/* Overview Table: Multicolor */

table.checkbox_table tr:nth-of-type(1) { background: var(--light-color-1); }
table.checkbox_table tr:nth-of-type(1) td:nth-of-type(2) { background: var(--title-color-1);}

table.checkbox_table tr:nth-of-type(2) { background: var(--light-color-2); }
table.checkbox_table tr:nth-of-type(2) td:nth-of-type(2) { background: var(--title-color-2); }

table.checkbox_table tr:nth-of-type(3) { background: var(--light-color-3); }
table.checkbox_table tr:nth-of-type(3) td:nth-of-type(2) { background: var(--title-color-3); }

table.checkbox_table tr:nth-of-type(4) { background: var(--light-color-4); }
table.checkbox_table tr:nth-of-type(4) td:nth-of-type(2) { background: var(--title-color-4); }

table.checkbox_table tr:nth-of-type(5) { background: var(--light-color-5); }
table.checkbox_table tr:nth-of-type(5) td:nth-of-type(2) { background: var(--title-color-5); }

table.checkbox_table tr:nth-of-type(6) { background: var(--light-color-6); }
table.checkbox_table tr:nth-of-type(6) td:nth-of-type(2) { background: var(--title-color-6); }

table.checkbox_table tr:nth-of-type(7) { background: var(--light-color-7); }
table.checkbox_table tr:nth-of-type(7) td:nth-of-type(2) { background: var(--title-color-7); }

table.checkbox_table tr:nth-of-type(8) { background: var(--light-color-8); }
table.checkbox_table tr:nth-of-type(8) td:nth-of-type(2) { background: var(--title-color-8); }


/* Main Table */


table.disassembly_table {
    border: solid grey;
    border-width:0px 0px 1px 0px;
}

table.disassembly_table td, table.disassembly_table th {
    padding: 2px 4px;
    border: solid grey;
    border-width:0px 1px 0px 1px;
}


table.disassembly_table th.left_column,  
table.disassembly_table th.label_column,
table.disassembly_table th.decimal_column {
    position: absolute;
    border: 1px solid #000;
    border-radius: 2px;
    color: var(--main-background);
    background: var(--border-color);
}


table.disassembly_table th.left_column {
    left: 8px;
    z-index: 11;
}


th.left_column a {
    color: var(--main-background);
}

th.left_column a:target {
    color: yellow;
    text-shadow: 0px 1px black;
}

/*
th.left_column a:target::before {
    content: "▹";
}
*/


table.disassembly_table th.top_row {
    color: var(--main-background);
    border-width: 1px;
}

table.disassembly_table tr { background: #f0f0f0; }
table.disassembly_table tr:nth-child(even) { background: #ffffff; }


/* Main Table: Multicolor */

table.disassembly_table th:nth-child(1 of .top_row) { background: var(--title-color-1); }
table.disassembly_table th:nth-child(2 of .top_row) { background: var(--title-color-2); }
table.disassembly_table th:nth-child(3 of .top_row) { background: var(--title-color-3); }
table.disassembly_table th:nth-child(4 of .top_row) { background: var(--title-color-4); }
table.disassembly_table th:nth-child(5 of .top_row) { background: var(--title-color-5); }
table.disassembly_table th:nth-child(6 of .top_row) { background: var(--title-color-6); }
table.disassembly_table th:nth-child(7 of .top_row) { background: var(--title-color-7); }
table.disassembly_table th:nth-child(8 of .top_row) { background: var(--title-color-8); }


table.disassembly_table tr td:nth-of-type(1) { background: var(--dark-color-1); }
table.disassembly_table tr:nth-child(even) td:nth-of-type(1) { background: var(--light-color-1); }

table.disassembly_table tr td:nth-of-type(2) { background: var(--dark-color-2); }
table.disassembly_table tr:nth-child(even) td:nth-of-type(2) { background: var(--light-color-2); }

table.disassembly_table tr td:nth-of-type(3) { background: var(--dark-color-3); }
table.disassembly_table tr:nth-child(even) td:nth-of-type(3) { background: var(--light-color-3); }

table.disassembly_table tr td:nth-of-type(4) { background: var(--dark-color-4); }
table.disassembly_table tr:nth-child(even) td:nth-of-type(4) { background: var(--light-color-4); }

table.disassembly_table tr td:nth-of-type(5) { background: var(--dark-color-5); }
table.disassembly_table tr:nth-child(even) td:nth-of-type(5) { background: var(--light-color-5); }

table.disassembly_table tr td:nth-of-type(6) { background: var(--dark-color-6); }
table.disassembly_table tr:nth-child(even) td:nth-of-type(6) { background: var(--light-color-6); }

table.disassembly_table tr td:nth-of-type(7) { background: var(--dark-color-7); }
table.disassembly_table tr:nth-child(even) td:nth-of-type(7) { background: var(--light-color-7); }

table.disassembly_table tr td:nth-of-type(8) { background: var(--dark-color-8); }
table.disassembly_table tr:nth-child(even) td:nth-of-type(8) { background: var(--light-color-8); }