form.f1 { margin: 0; padding: 0; }

.btn1 { 
  background: #0d6efd;
  border: none;
  box-shadow: none;
  border-radius: .6em;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: .8em; 
  color: white;
}

.lbl1 { font-size: .9em; color: grey; }
.lbl11 { font-family: serif; font-size: .9em; color: grey; }
.lbl12 { font-size: .9rem; color: grey; }
.em1 { font-family: serif; font-weight: bold; font-style: italic; }
.lnk1 { font-size: .9em; color: #0d6efd; }
.lnk2 { font-family: sans-serif; font-size: medium; }
.lnk2 a { font-weight: bold; text-decoration: none; }
.dt1 { font-weight: bold; }
.spaninput-2 { display: inline-block; width: 2em; border: 1px solid #ddd; }
.spanclick { cursor: pointer; color: blue; }


/* span.closeDia { position: absolute; top: 10px; left: 8px; cursor: pointer; font-size: 1.2em; color: red; } */
.diaBtnClose { cursor: pointer; font-size: 1em; color: red; }
.diaHdrDiv { 
  position: absolute; top: 0px; left: 0px; width: 100%; background: #fde; 
}

div.panel1 {
  margin-right: 1em; margin-bottom: 1rem; padding: 1em 1em 0 1em;
  border: 1px solid #ccc; border-radius: 1em;
  font-family: serif; font-size: .9em;
}

#banner {
  padding: .5em .5em 0 .5em;
  background: darkblue;
  color: #def;
}
#banner h4 { margin-bottom: 0; padding-bottom: 0; }
#banner a { color: #def; text-decoration: none; }

#top-menu {
  padding: 0 .5em;
  background: darkblue;
}
#top-menu a { text-decoration: none; font-weight: bold; color: #bdf; }
#top-menu nav.tm ul { list-style-type: none; margin: 0; padding: 0; }
#top-menu nav.tm>ul { display: flex; gap: 1em; }
#top-menu nav.tm>ul>li { position: relative; font-size: .9em; font-weight: bold; color: #bdf; }
#top-menu nav.tm .dd-content {
  display: none;
  position: absolute; /* Positions the menu directly below the parent li */
  top: 100%;          /* Forces it exactly below the horizontal bar */
  left: 0;
  border: 1px solid lightblue;
  background-color: darkblue;
  /* background-color: rgba(0, 0, 139, 0.5); dark blue */
  /* background-color: lightblue; /* light blue */
  list-style-type: none;
  padding: 4px 10px;
  min-width: 160px;   /* Ensures adequate width for child items */
  box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
  z-index: 1;      /* Keeps the dropdown in front of main content page elements */
}
#top-menu nav.tm .dd-content li { text-align: left; color: #bdf; }
#top-menu nav.tm ul .dropdown:hover .dd-content { display: block; }

#breadcrumb { 
  padding: 0 0.5em;
  /* border-bottom: 1px solid darkblue; */
  background: #def; /* #002caf; */
  font-size: .9em;
  color: #03c;
}

#main {
  display: flex;
  width: 100%;
}

.panel-title {
  color: blue;
}

#left-panel {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
  min-height: 400px;
  padding: .2em 0 .2em .5em;
  background: #cdf;
}
#left-panel .panel-title {
  height: 70px;
  padding-left: 4px;
  vertical-align: middle;
  font-size: 1.4rem;
  font-weight: bold;
}
#left-panel>ul>li:nth-child(1) {
  border-top: 1px solid white;
}#left-panel>ul>li {
  border-bottom: 1px solid white;
}

#right-panel {
  flex: 1;
  padding: .2em .5em .2em .5em;
}
#right-panel .panel-title {
    font-size: 1.2rem;
    margin-bottom: .5em;
}

table { caption-side: top; }

.table-notes { font-size: .8em; color: grey; font-style: italic; }

table.tbl1 { border-collapse: collapse; font-size: .8em; margin-bottom: 1em; }
table.tbl1 th, table.tbl1 td { border: 1px solid #ccc; padding: 2px 6px; }
table.tbl1 tbody tr { vertical-align: top; }
table.tbl1 th { font-family: serif; }

table.numTable1 { border-collapse: collapse; font-size: .8em; margin-bottom: 1em; }
table.numTable1 th, table.numTable1 td { border: 1px solid #ccc; padding: 2px 6px; }
table.numTable1 tbody tr { vertical-align: top; }
table.numTable1 th { font-family: serif; }
table.numTable1 tr>th:nth-child(n+2) { text-align: right; }
table.numTable1 tr>td:nth-child(n+2) { text-align: right; }

table.tbl1-1 th:nth-child(1),
table.tbl1-1 td:nth-child(1) { text-align: right; }
table.tbl1-1 th:nth-child(2),
table.tbl1-1 td:nth-child(2) { text-align: left; }
table.tbl1-1 th:nth-child(n+3),
table.tbl1-1 td:nth-child(n+3) { text-align: right; }
table.tbl1-1 thead th:nth-child(n+3) { writing-mode: vertical-lr; }

.diaClose {
  font-size: 1.2em;
  font-weight: bold;
  color: red;
}

.linkText {
  text-decoration: none;
  color: #00f;
  cursor: pointer;
}

ul.navH {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
ul.navH li {
  float: left;
  margin-right: 2em;
}
ul.navH li a {
  display: block;
  text-align: center;
  text-decoration: none;
}

.ul1 { list-style-type: none; }
.ul1 li { margin: none; padding: none; }
.ul1 a { text-decoration: none; }