div.container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: solid darkred;
}
div.tables1 {
  
}
div.tables1 td {
  padding: 2px 5px 3px !important;
  border: 1px solid #006bab;
}
div.tables1 img {
}
div.tables1 i.fa-fw {
  cursor: pointer;
}
h3.forabg {
  color: #ffffff;
}
.null {
}
div.tables1 thead th{
    font-weight: bold;
    font-size: 1.1rem;
    text-align: center;
}

/* Use with table [table=tcenter,35] to center table */
.tleft {
  float: left;
  margin-right: 6px;
}
.tcenter {
  margin: 0 auto;
}
.tright {
  float: right;
  margin-left: 6px;
}


/* Use with tr or td [td=textcenter,1] to center text */
.textleft {
  text-align: left;
}
.textcenter {
  border: 6px solid #006bab;
  text-align: center;
}
.textright {
  text-align: right;
}
th.textright {
  padding: 0 6px 4px 0 !important;
}

/* Table footer - if used */
thead {
  text-align: center;
  cursor: pointer;
}
tfoot tr {
  background-color: transparent !important;
}
tfoot td {
  color: #ffffff !important;
  padding: 4px 6px;
}
tfoot a {
  color: #105289 !important;
  border-bottom: none !important;
}
tfoot a:hover {
  color: #aa0000 !important;
  background-color: transparent !important;
}

/* table buttons */
.pb_tables,
.abbc3_table {
  background-image: url("./images/table.gif");
  margin-bottom: 3px;
}

/* Hidden menu selection blocks */
#tables-button-selections {
  width: 100%;
  display: none;
}
#tables-button-guidelines a,
#tables-guidelines-show a {
  cursor: pointer;
}
.tables-list {
  margin-bottom: 10px !important;
  cursor: help;
}
.upper_group,
.lower_group {
  width: 65px;
  display: inline-block;
  word-wrap: break-word;
}