/* Tables BBCode Extension - prosilver */

/* Tables custom classes */
.tables1 {
  margin-bottom: 8px;
}
.tables1 .inner {
  display: grid;
  border: 1px solid #e5e7eb;
  border-radius: .5rem;
  overflow: hidden;
}
.dark .tables1 .inner {
  border-color: #1e293b;
}
.tables1 table {
  border-radius: .5rem;
  overflow: hidden;
}
.tables1 thead,
.tables1 tfoot {
  background-color: rgba(var(--color-primary), 1);
  color: white;
}
.dark .tables1 thead,
.dark .tables1 tfoot {
  background-color: rgba(var(--color-primary-dark), 1);
}
.tables1 th {
  text-transform: uppercase;
  font-weight: 500;
  font-size: .75rem;
  line-height: 1rem;
  padding: .75rem;
}
.tables1 td {
  padding: .75rem;
  border-top: 1px solid #e5e7eb;
}
.dark .tables1 td {
  border-color: #1e293b;
}
.tables1 .bg2 {
  background-color: #f9fafb;
}
.dark .tables1 .bg2 {
  background-color: #1e293b;
}
.tables1 tbody tr:hover,
.dark .tables1 tbody tr:hover {
  background-color: rgba(var(--color-primary), 0.1);
}

/* 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; }
.textright { text-align: right; }
.textcenter { text-align: center; }

/* Guidelines */
#tables-button-guidelines .tables-list {
  font-size: 14px;
  line-height: 1.8;
}
.dark #tables-button-guidelines .tables-list {
  background-color: #1e293b;
}
#tables-button-guidelines h3.forabg:first-of-type {
  margin-top: 14px;
}
#tables-button-guidelines h3.forabg {
  font-size: 14px;
  font-weight: 700;
}

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