.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; }

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

#banner .breadcrumb {
  font-size: .9em;
}
#banner .breadcrumb a {
  text-decoration: none;
  font-weight: bold;
  /* color: #0d6efd; */
  color: #acf;
}

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

.panel-title {
  margin-bottom: .5em;
  font-size: 1.2em;
  color: blue;
}

#left-panel {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
  min-height: 400px;
  padding: .2em 0 .2em .5em;
  background: #def;
}
#left-panel .panel-title {
  height: 2em;
  font-size: .9em;
  font-weight: bold;
}

#right-panel {
  flex: 1;
  padding: .2em .5em .2em .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; }

.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; }