.lnk1 { font-size: small; }
.lnk1 a { text-decoration: none; }

.lbl1 { font-size: small; color: grey; font-weight: normal; font-family: serif; }

table { caption-side: top; }

table.tbl01 { border: 1px solid grey; border-collapse: collapse; }
table.tbl01 th, table.tbl01 td { border: 1px solid grey; }

table.toc1 { border-collapse: collapse; }
table.toc1 tr { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.resp-img-50 img { width: 50%; min-width: 300px; height: auto; }

img.btn1 { width: 20px; height: 20px; cursor: pointer; }

table.tbl-cust1 {border-collapse: collapse; border: 4px solid #ccc; width: 100%; }
table.tbl-cust1 td, table.tbl-cust1 th { border: 1px solid #ccc; }
table.tbl-cust1 thead { border-bottom: 4px solid #ccc; }
table.tbl-cust1 th:nth-child(3) { border-right: 4px solid #ccc; }
table.tbl-cust1 td:nth-child(3) { border-right: 4px solid #ccc; }
table.tbl-cust1 td:nth-child(8), table.tbl-cust1 td:nth-child(11), table.tbl-cust1 td:nth-child(16), table.tbl-cust1 td:nth-child(19) { border-right: 4px solid #ccc; }
table.tbl-cust1 th:nth-child(8), table.tbl-cust1 th:nth-child(11), table.tbl-cust1 th:nth-child(16), table.tbl-cust1 th:nth-child(19) { border-right: 4px solid #ccc; }
table.tbl-cust1 tr:nth-child(1) th:nth-child(3), table.tbl-cust1 tr:nth-child(1) th:nth-child(4), table.tbl-cust1 tr:nth-child(1) th:nth-child(5) { border-right: 4px solid #ccc; }
table.tbl-cust1 tr:nth-child(2) th:nth-child(3), table.tbl-cust1 tr:nth-child(2) th:nth-child(4), table.tbl-cust1 tr:nth-child(2) th:nth-child(5) { border-right: 4px solid #ccc; }
table.tbl-cust1 tr:nth-child(2) th:nth-child(6), table.tbl-cust1 tr:nth-child(2) th:nth-child(7), table.tbl-cust1 th:nth-child(5) { border-right: 4px solid #ccc; }
table.tbl-cust1 tbody tr:nth-child(8), table.tbl-cust1 tbody tr:nth-child(16), table.tbl-cust1 tbody tr:nth-child(24) { border-bottom: 4px solid #ccc; }
table.tbl-cust1 tbody tr:nth-child(32), table.tbl-cust1 tbody tr:nth-child(40), table.tbl-cust1 tbody tr:nth-child(48) { border-bottom: 4px solid #ccc; }

table.tbl-cust2 {border-collapse: collapse; border: 1px solid #ccc; width: 100%; font-size: small; font-family: serif; }
table.tbl-cust2 td, table.tbl-cust2 th { border: 1px solid #ccc; }

.home-content { display: flex; justify-content: center; gap: 1rem; }
.home-content form { margin-bottom: .5rem; }
.home-content button { 
    width: 8em; height: 2.2em; border-radius: .3em; border: 1px solid #ccc; 
    shadow: none; background: none; color: blue; 
}
.home-content > div { display: flex; flex-direction: column; gap: .5rem; }
.home-content .menuGroup { font-size: 1rem; font-weight: bold; margin: 0; text-align: center; }

#overlay {
  display: none; /* hide modal initially */
  position: absolute; /* position to allow modal to cover over it */
  background: rgba(0, 0, 0, 0.5); /* gray out the background when modal appears */
  top: 0; bottom: 0; left: 0; right: 0;
}

#modal { 
    display: none; position: absolute; 
    width: 400px; border: 3px solid grey; border-radius: .75em; 
    padding: .5em 1em 1em 1em; top: 200px; right: 50px; background: white; 
}

#modal .close-modal {
    position: absolute; top: .2em; left: .5em; cursor: pointer; 
    color: red; font-size: 1em;
}

#modal table { width: 100%; border: 1px solid grey; border-radius: 10px; }
#modal table thead { background: #ccc; }
#modal table tfoot { background: #ccc; }
#modal table th:nth-child(1) { width: 5em; }
#modal table th:nth-child(2) { width: 5em; }
#modal table select { width: 100%; }
/* #modal table th, #modal table td { border: 1px solid grey; } */

@media print {
    .pagebreak { page-break-before: always; } /* page-break-after works, as well */
}