.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  border-top: none !important;
}

.ab-table {
  box-shadow: 0 5px 20px var(--color-black-shadow-alpha);
  border: 1px solid var(--color-accent-gold-border-alpha);
}

.ab-table thead tr td,
.ab-table thead tr th,
.ab-table tbody tr td {
  border: 1px solid var(--color-accent-gold-border-alpha);
}

.ab-table ~ h2 {
  background: var(--panel-heading-3);
  color: var(--color-accent-gold);
  padding: 10px;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  margin-bottom: 15px !important;
  font-weight: bold;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background: var(--color-white-bg-alpha);
}

.table-hover > tbody > tr:hover {
  background: var(--color-accent-gold-border-alpha);
}

a:focus,
a:hover {
  color: inherit !important;
  text-decoration: none !important;
}

.form-control {
  background: var(--color-form-control-bg);
  border: 1px solid var(--color-general-table-border);
  color: var(--color-form-control-text);
}
.form-control:focus {
  border: 1px solid #ccc; /* Mantengo el #ccc ya que es un gris específico que solo se usa aquí. */
}

/* http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 */
.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}

/* http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.thumbnail {
  background-color: var(--color-general-table-bg);
  border: 1px solid var(--color-general-table-border);
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: var(--color-general-table-header);
}

.btn-primary {
  color: var(--color-btn-primary);
  background-color: var(--color-btn-primary-bg);
  border-color: var(--color-btn-primary);
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  z-index: 99;
  transition: all 0.1s ease-in;
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
  color: var(--color-white) !important;
  background-color: var(--color-btn-primary) !important;
  border-color: var(--color-btn-primary) !important;
}

.btn-yellow {
  color: var(--color-btn-yellow-text);
  background-color: var(--color-btn-yellow-bg);
  border-color: var(--color-btn-yellow-border);
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.btn-yellow:active,
.btn-yellow:focus,
.btn-yellow:hover {
  color: var(--color-btn-yellow-text) !important;
  background-color: var(--color-btn-yellow-hover-bg) !important;
  border-color: var(--color-btn-yellow-border) !important;
}

.btn-danger,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover {
  color: var(--color-white) !important;
}

.table-condensed {
  color: var(--color-primary-text);
}

.panel {
  background: var(--color-dark-module-bg);
  box-shadow: 0 5px 20px var(--color-black-shadow-alpha);
  color: var(--color-primary-text);
}