/* To be used in internal base templates, currently base.html & base.jinja2 */

.btn-admin, .btn-admin.disabled, .btn-outline-admin:hover {
  background-color: #b84dff;
  color: white;
}
.btn-admin:hover, .btn-admin:active {
  background-color: #933dcc !important;
  color: white !important;
}
.btn-outline-admin, .btn-outline-admin.disabled{
  background-color: white;
  border-color: #b84dff;
  color : #b84dff;
}
.btn-hub, .btn-hub.disabled{
  background-image: linear-gradient(120deg, #21D3B3 0%, #B84DFF 51%, #21D3B3 100%);
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
}
.btn-hub:hover {
  background-position: 100%;
  color: white;
}
ul.errorlist {
  color: red;
}
.error-message {
  color: red;
}
.bottom-of-page-whitespace {
  margin-bottom: 2em;
}
#header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header.header-staging {
  background-color: #FFCB22;
}
#header.header-development {
  background-color: #f0f0f0;
}
.color-purple-light {
  color: #B84DFF;
  --bs-table-color: #B84DFF;
}
.catalogue-notes {
  background-color: antiquewhite;
  border: 1px solid #ccc;
  padding: 5px;
}

/* Bootstrap 5 tweak: do not underline links */
a:not([class*="btn"]) {
  text-decoration: none;
}