.btn-qt:hover,
.btn-qt:active,
.btn-qt:focus,
.btn-qt.active {
  background: var(--color-brand-primary);
  color: #fff !important;
  border-color: #fff;
}

.btn-link {
  color: var(--color-brand-primary) !important;
}

.btn-link:hover {
  color: #222840 !important;
  text-decoration: underline;
}

/* Using !important is not recommended, but out CSS is being added
 * to the pages before the bootstrap ones, so we cannot override them
 * without using it */
.btn-qt {
  color: var(--color-brand-primary) !important;
  border-color: var(--color-brand-primary) !important;
  font-weight: bold !important;
}
.card-img-top-main {
    padding-top: 10px;
    height: 70px !important;
}

.card-img-top {
  object-fit: contain;
  height: 120px;
  padding-top: 20px;
  transform: scale(1.3, 1.3);
}

/* Tables */
.section .docutils.container td {
    float:left;
}

table.docutils {
    margin-right: auto;
    margin-bottom: 10px;
    border: none;
    width: initial;
    font-size: 0.8em;
}

table.docutils.colwidths-given td {
    float: none;
}

table.docutils th,
table.docutils td {
    padding-left:0;
    border: none;
}

table.docutils td ul {
    margin:0
}

table.docutils td ul > li {
    margin: 0 0 0.5em;
}

.hide {
    display: none;
}

.fixed .container {
  max-width:1280px;
  margin:0 auto;
  padding:0 3.9%; /* 0? */
  position:relative;
  overflow:visible
}

/* We cannot put a :download:`....` command inside
 * a sphinx-panels button, so we add some properties from the button
 * to the download class to mimic it */
code.download {
  text-align: center;
  color: var(--color-brand-primary);
  display: block;
  border-color: transparent;
  background-color: transparent;
  border: 1px solid var(--color-brand-primary) !important;
  border-radius: 0.25rem;
  font-size: 1rem;
  font-weight: 400;
  vertical-align: middle;
  padding: .375rem .75rem;
  user-select: none;
  line-height: 1.5;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

code.download:hover {
  color: white;
  background-color: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
  text-decoration: none;
  padding: .375rem .75rem;
}
